Image Parallax

Image parallax CSS effect for background images. Effect may not work in mobile.


<div class="view-tall-half image-fpo image-parallax"></div>

Apply the image-parallax class for a simple fixed-background image effect.

Example Parallax Image

Design is a funny word. Some people think design means how it looks. But of course, if you dig deeper, it's really how it works.

<div class="view-tall-half image-random image-parallax position-relative flex-center-vertical padding-top-15">
<header class="fluid-header z-2">
<p class="text-size-10 font-serif font-italic text-center text-inverse">Design is a funny word...</p>
<div class="trans-gray-15-bg image-fill"></div>

Mix the image-parallax class with other classes.