CSS Animation & Transitions

Sandy Ludosky

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
19 Videos (47m)
    • Welcome!

      0:46
    • Course Introduction

      1:10
    • Course requirements

      1:08
    • Course Files

      1:07
    • The transition property

      2:48
    • Browser support & CSS vendor prefixes

      2:26
    • Demos - overview

      0:16
    • Blue to red

      3:50
    • Square to rectangle

      3:31
    • Square to circle

      3:16
    • Squeeze page - overview

      0:27
    • Animating color changes

      2:59
    • Fading element in and out

      4:19
    • Project - overview

      0:57
    • The navigation bar: smooth transition

      2:55
    • The header : fadein/out mouseiover effect

      2:05
    • About section : image hover effect

      5:13
    • The gallery: multiple transition effects

      7:06
    • [transition] conclusion

      0:30