evenFlow

evenFlow is an easy copy and paste, responsive CSS gallery without all the bells and whistles getting in the way. It comes setup with the Magnific Popup Lightbox, but is effortlessly configured to work with any lightbox plugin. No framework, Bootstrap or other depencies are needed. Just pure, lean CSS.

• 
• 
• 
• 
• 
• 

Full Width Galleries

Just add the evenflow_full_width class to your gallery to automatically make it fill the width of the parent container.

• 
• 
• 
• 
• 
• 

Simple Hover Effects

Just add preset classes to your evenFlow thumbnails for fast and easy hover effects - without needing to touch a line of JavaScript or CSS.

• 
• 
• 
• 
• 
• 

Installation & Usage

Just add the file to your page and evenFlow is ready for use:

<link rel="stylesheet" href="css/evenflow.css" type="text/css" />
        

Usage

Just place a simple UL with your images like so:

    <ul class="evenflow">
      <li><a href="link/to/large.jpg"><img src="link/to/thumb.jpg"></a></li>
    </ul> 
        

Settings

Additional settings are available by adding evenFlow classes:

evenflow_full_width Add to UL for full width gallery
evenflow_rotate Add to LI for hover effect
evenflow_shiftY Add to LI for hover effect
evenflow_shiftX Add to LI for hover effect
evenflow_scale Add to LI for hover effect
evenflow_spin Add to LI for hover effect
evenflow_shake Add to LI for hover effect