Логотип Berry CSSBerry CSS 3.0

Изображения typography utilities

<img src="nature1.jpg" width="400" alt="">

   
<img class="circle w200px" src="nature1.jpg" alt=""> 
<img class="thumbnail w200px" src="nature1.jpg" alt="">

Text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text texttext text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
<div class="b-clearfix">
    <img class="left w200px" src="nature1.jpg" alt="">
    <img class="right w200px" src="nature2.jpg" alt="">
    
    text text text text...
     
    <img class="center w200px" src="nature3.jpg" alt="">
    
    text text text text...
</div>

<div class="h200px w200px bg-no-repeat" style="background-image: url(nature1.jpg)"></div>
<div class="h200px w200px bg-no-repeat bg-position-center" style="background-image: url(nature1.jpg)"></div>

<div class="h200px w200px bg-gray100 bg-no-repeat bg-size-cover" style="background-image: url(nature2.jpg)"></div>

<div class="h200px w200px bg-gray100 bg-no-repeat bg-size-cover bg-position-center" style="background-image: url(nature2.jpg)"></div>

<div class="h200px w200px bg-gray100 bg-no-repeat bg-size-contain" style="background-image: url(nature3.jpg)"></div>

<div class="h200px w200px bg-gray100 bg-no-repeat bg-size-contain bg-position-center" style="background-image: url(nature3.jpg)"></div>

<div class="h200px w200px bg-no-repeat bg-size-cover bg-position-var" style="background-image: url(nature2.jpg); --position: 0 0;"></div>

<div class="h200px w200px bg-no-repeat bg-size-cover bg-position-var" style="background-image: url(nature2.jpg); --position: 100% 100%;"></div>

<div class="h200px w200px bg-gray100 bg-no-repeat bg-size-contain bg-position-var" style="background-image: url(nature2.jpg); --position: 0 0;"></div>

<div class="h200px w200px bg-gray100 bg-no-repeat bg-size-contain bg-position-var" style="background-image: url(nature2.jpg); --position: 100% 100%;"></div>