How to Create a Motion Hover Effect for a Background Image Grid
by Manoela Ilic
A short tutorial on how to achieve a motion hover effect on a background image grid.
+ moreby Manoela Ilic
A short tutorial on how to achieve a motion hover effect on a background image grid.
+ moreby Manoela Ilic
A rapid animation of multiple layers of images for intros or page transitions.
+ moreLearn how to code up an interesting design with a cutout image look using CSS Grid and clip-path.
+ moreby Manoela Ilic
A draggable inline menu with a scattered thumbnail preview of an image grid.
+ moreLearn how to create thumbnail to fullscreen animations for image grids using Three.js.
+ moreby Manoela Ilic
An experimental web layout where several image columns get animated out when a menu item is clicked.
+ moreby Manoela Ilic
Some experiments with the new staggering system of Anime.js where we try different effects for hiding and showing thumbnails in an image grid.
+ moreby Manoela Ilic
A CSS Grid-based slideshow template with a layer motion effect on the main image and title.
+ moreby Manoela Ilic
A template where one can switch between little image previews that are scattered around the page. The images animate to a grid once an "explore" link is clicked.
+ moreby Manoela Ilic
A fullscreen loop effect that shows a fast preview of images when hovering a special menu item.
+ moreby Manoela Ilic
A simple grid-powered multibox menu where the boxes get shown with a reveal animation coming from different directions.
+ moreby Manoela Ilic
A Masonry-powered grid layout with a motion hover effect on the grid items and a scrollable content view.
+ moreby Manoela Ilic
A slideshow with a "diagonal" look and three visible slides. A decorative background element expands to fullscreen when opening the content preview.
+ moreby Manoela Ilic
A details menu with boxes that slide out in an irregular grid. The grid items get revealed individually with delays from the top right corner of the page.
+ moreby Manoela Ilic
A retro-style grid layout with a playful motion hover effect on the grid items. When clicking on a grid item, a content preview opens.
+ moreby Manoela Ilic
A CSS Grid powered menu with a box look inspired by the effect seen in the "Ableton Live 10: What's New" video.
+ moreby Manoela Ilic
A grid item animation where the thumbnail scales up when the details view is opened. Based on the Dribbble shot "Surf Project" by Filip Slováček.
+ moreby Manoela Ilic
A slideshow where each slide has an individual CSS grid layout and a reveal effect when navigating.
+ more