Главная
Study mode:
on
1
- Introduction
2
- The HTML
3
- Basic styling
4
- Creating the grid
5
- Animating grid-template-columns
6
- Scaling up the avatar we hover on
7
- Scaling up the next sibling
8
- Scaling up the preceding sibling
9
- Changing the transition-delay
10
- Potential cleaning up you might have to do
Description:
Learn how to create an engaging bubble zoom effect using CSS in this 19-minute tutorial video. Explore techniques for basic styling, grid creation, and animation of grid-template-columns. Master the art of scaling avatars on hover, including adjacent siblings, and fine-tune transition delays for a polished effect. Gain insights into potential code cleanup for optimal performance. Elevate your CSS skills with this step-by-step guide to crafting an impressive visual element for your web projects.

Creating a Cool Bubble Zoom Effect with CSS

Kevin Powell
Add to list
0:00 / 0:00