css • Animation CSS shapes and SVG

CSS shapes

1. The Shapes of CSS ➦ css-tricks.com
2. CSS Shapes with Animation ➦ dev.to
3. How (and why) to use borders to make a CSS triangle (plus a scss mixin) ➦ Kevin Powell/Youtube (19:23)
4. Animating with CSS Transitions - A look at the transition properties ➦ Kevin Powell/Youtube (17:59)

Animating

1. Animating with Clip-Path ➦ css-tricks.com
2. Fun ways to animate CSS gradients ➦ Kevin Powell/Youtube (13:59)
3. Animated card with HTML & CSS ➦ Kevin Powell/Youtube (1:08:50)

SVGs

1. What are SVG viewport and viewBox? [ A beginners guide to SVG part 3 ] ➦ Kevin Powell/Youtube (17:57)
2. How to create, clean up, and optimize an SVG [ A beginners guide to SVG part 4 ] ➦ Kevin Powell/Youtube (31:58)
3. Animation with GSAP - the basics [ A beginners guide to SVG part 5 ] ➦ Kevin Powell/Youtube (50:59)
4. SVG wave animation - Two different ways ➦ Kevin Powell/Youtube (24:05)
5. SVG Properties in CSS Guide ➦ css-tricks.com
6. CSS fill ➦ css-tricks.com/almanac/properties