CSS Archive

FilterableImageGrid

Filterable Product Grid

This is a responsive product grid layout with touch-friendly Flickity galleries and Isotope-powered filter functionality.It’s been created by Codrops. This Blueprint is a responsive Isotope-powered product grid layout where each grid item is a Flickity image slider. A small cart icon animation …
ImageTiltEffect

Image Tilt Effect

A subtle tilt effect for images. The idea is to move and rotate semi-transparent copies with the same background image in order to create a subtle motion or depth effect. Basically add a tilt effect to an image by subtly moving copies …
Pure CSS Content Filter

Pure CSS Content Filter

This is a Pure CSS Content Filter by Sam Gordon For a simpler effect with fewer lines of CSS, trade the width, height, padding, margin, and opacity properties in each checked input style for “display:none;” — these styles were just set to …
30-CSS-Page-Preload-Animations

30 CSS Page Preload Animations

30 CSS Page Preload Animations have been created by Robert Popa from Simbyone.com Those animations are best suited for content that takes some time to load like an image gallery. The animations are very easy to customize since they are made out …