Search
Making CSS View-Transitions Easy with Velvette
19.1.2024
Learn how to effortlessly implement smooth CSS view-transitions with Velvette, a useful library designed to tackle common challenges and enhance user experiences in web applications
Image Layer Animations with Clip-Path
31.10.2023
Some ideas for speedy page transition animations with layered images using clip-path
Animating Multi-Page Navigations with Browser View Transitions and Astro
3.10.2023
A beginner-friendly guide that walks you through the use of the Browser View Transitions API with Astro for a smoother navigation experience
Some Ideas for Fullscreen Image Slideshow Animations
27.9.2023
A collection of ideas for slideshow animations on fullscreen images
Ideas for Grid to Slideshow Switch Animations
4.5.2023
Some ideas and inspiration for layout animations where we go from an irregular grid to a slideshow or alternative view
Image Tiles Menu Animation
26.4.2023
An animation featuring image tiles that transform into a full image when a menu item is clicked
Ideas for Pixel Page Transitions
5.4.2023
Inspiration for "pixel" page transitions based on Niccolò Miranda's animation
Tooltip to Gallery Transition
7.12.2022
A concept for page transitions where a tooltip image animates to a gallery layout and fullscreen image
Inline Layout Switch Ideas
22.11.2022
Two ideas for animating images from an inline layout to a column or grid-based one
Unreveal Effects for Content Previews
1.11.2022
Some explorations of page transitions using covering elements and CSS clip-paths
Large Image to Content Page Transition
3.8.2022
A simple scroll effect and page transition inspired by Vitalii Burhonskyi's Dribbble shot
Tiny Grid Layout Animation
13.7.2022
A simple layout transition where a small grid animates to a larger view, using the Flip plugin from GreenSock.
The post Tiny Grid Layout Animation appeared first on Codrops
How to Create a Cover Page Transition
6.7.2022
Today we are looking under the hood of a page transition based on Vitalii Burhonskyi's Dribbble shot.
The post How to Create a Cover Page Transition appeared first on Codrops
Image To Grid Transition
19.5.2022
A simple transition where a large image animates to its place in a grid.
The post Image To Grid Transition appeared first on Codrops
Stack to Content Layout Transition
11.5.2022
An experimental layout transition where a stack of images animates to a gallery view, showing some more content.
The post Stack to Content Layout Transition appeared first on Codrops
Image Trail Animation for an Intro
3.5.2022
An intro animation concept with an initial loader and an intro screen that animates to a new layout using various effects.
The post Image Trail Animation for an Intro appeared first on Codrops
Lines to Content Layout Animation
5.4.2022
A simple layout switch example where we go from a typography row view with inline images to a large image preview with more content.
The post Lines to Content Layout Animation appeared first on Codrops
Expanding Rounded Menu Animation
15.3.2022
An expanding menu animation with a cover unreveal effect in the background.
The post Expanding Rounded Menu Animation appeared first on Codrops
Kinetic Typography Page Transition
29.9.2021
A concept for a kinetic typography based page transition where background letters come into the foreground and reveal a new content level.
The post Kinetic Typography Page Transition appeared first on Codrops
Shared Element Transitions
27.4.2021
I was just Hoping for Better Native Page Transitions, and Bramus commented that Chrome is working on something. Looks like it has some fresh enthusiasm for it, as there is a brand new repo, and you can literally …
The post Shared Element Transitions appeared first on CSS-Tricks.
You...