Image Fill

Stretch an image to fill the container edge-to-edge.


<a href="javascript:voide(0);"><img class="evo-image image-random image-fill" /></a>

Use the image-fill class by itself, without position-absolute as a parent class. This will stretch image from edge-to-edge of your screen.

<div class="position-relative image-ratio-16-9">
<img class="image-fill" src="../image/fpo.jpg" title="click for full-screen demonstration" />

Stretch the image to fill the container edge-to-edge. Apply the image-fill class as in the above example. Requires position-relative as a parent class, and an image source <src="../image/fpo.jpg">. An image-fill-after class is available.