A Glitchy Grid Layout Slideshow
I love experimenting with irregular layouts. I wanted to try to take this custom “background” grid one level further and add a stack-like navigation effect. I liked how it turned out but there was...
View ArticleCreating a Menu Image Animation on Hover
At Codrops, we love experimenting with playful hover effects. Back in 2018, we explored a set of fun hover animations for links. We called that Image Reveal Hover Effects and it shows how to make...
View ArticleMenu to Inner Page Animation with Image Grid Background
Today I have a little layout for you. The idea is to show a menu with a nice background grid of images and when choosing to explore a project, an animation happens where the images of the background...
View ArticleImplementing WebGL Powered Scroll Animations
Editor’s note: We want to share more of the web dev and design community directly here on Codrops, so we’re very happy to start featuring Yuriy’s newest live coding sessions! In this episode of ALL...
View ArticleInline Menu Layout with Gallery Panel
Sometimes, sh*t happens. Some days ago it was one of those days for me, you know, one of those spilling coffee on your mac day without having made a backup for a month. What was I thinking? Well, I...
View ArticleCrafting a Scrollable and Draggable Parallax Slider
In this article, I’ll show you how to build a parallax slider with a fun reveal animation. I’ll be using GSAP, CSS Grid and Flexbox and I’ll assume that you have some basic knowledge on how to use...
View ArticleInline to Menu Link Animation
Inspired by this fantastic Dribbble shot by Matthew Hall, I wanted to experiment with this kind of inline link to menu block animation. So here’s a little experimental effect that does exactly that...
View ArticleHow to Code the K72 Marquee Hover Animation
A while back, the folks of K72 released their amazing new website made by the award winning agency Locomotive that boasts with coolness and great design. It has many engaging details but the one I...
View ArticleLayout with Reveal Animations and Content Preview
Today I’d like to share a little experiment with you that has some fancy animations for a menu and a content preview. I love to play with the overflow-hidden trick that we can use to make elements...
View ArticleBuilding a Scrollable and Draggable Timeline with GSAP
We’re going to build a timeline showing albums released by the rock band Radiohead. The subject of our timeline doesn’t really matter — the main thing is a series of events that happen over a number...
View Article
More Pages to Explore .....