Hello everyone,
On this tutorial we are going to learn on how to create a smooth animation using CSS transform translate3d prop, why to use cubic-bezier transition timing function and its benefits.
How and why to use custom tags. And if you watch the video by the end I also did a bonus tip using backdrop-filter to have some frost/blur style on background.
Topics:
- Why and how to use the translate3d
- Why and how to use cubic-bezier
- Using custom tags
- Apply color by using currentColor
- Using backdrop-filter
Don't forget to subscribe ✌️
Source:
github.com/astrit/youtube
Demos:
Blackhole: codepen.io/astrit/pen/KKMjZEz
Links: