Motion Design with CSS
CSS animation offers a whole new way to bring motion to interactive projects. It’s a core skill for web designers and developers and a feature users have come to expect from modern websites. This course presents a series of basic CSS animation projects: site features such as rollover buttons, 3D transforms, animated graphics and logos, load screens, and more.
Web designer Val Head introduces CSS transforms and transitions—the foundation of most CSS animations—and shows how to keyframe simple animations and adjust their timing, fill, and direction. She also covers looping and chaining animations, animating HTML and SVG elements, and optimizing animation performance, and introduces the best tools and use cases for CSS animation. Start watching to get your brand in motion.

Instructor
Val Head
Speaker, Author, Design Advocate
Val Head is a web designer and consultant who leads workshops on web design and creative coding.
Val Head is a web designer and consultant based in Pittsburgh, PA. She works with agencies and small businesses to make fun and effective web sites. She speaks internationally at conferences and leads workshops on web design and creative coding. Val tweets too much, occasionally dribbbles, and blogs somewhat inconsistently.
Product Details
- Full Video Tutorials
- Video File Format: MP4
- Instructor: Val Head