Creative Coding: Animating SVG with Simple CSS Code - Skillshare

Creative Coding: Animating SVG with Simple CSS Code

Staff Pick

Aga Naplocha, Creative coder & designer

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
12 Lessons (28m)
    • 1. Welcome! Intro to the classes

      0:57
    • 2. Goals of the classes

      0:35
    • 3. Tools

      0:44
    • 4. Materials

      1:07
    • 5. Intro to SVG

      1:01
    • 6. Intro to CSS (only for non-coders)

      4:40
    • 7. SVG code

      1:18
    • 8. Embedding SVG in HTML document

      2:16
    • 9. CSS Animations

      5:28
    • 10. Animating selected parts of SVG graphics

      6:30
    • 11. Codepen - useful tool

      2:03
    • 12. Class Projects

      0:51
52 students are watching this class