css • Animation CSS shapes and SVG - martindubenet/wed-dev-design GitHub Wiki

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