Animated Music Videos with CSS3 Animations and HTML5 Audio

A session at Frontend Conference Zurich 2013

Friday 30th August, 2013

10:00am to 11:00am (CET)

Award winning cartoonist and front-end developer Rachel Nabors will show you how to make an animated music video using CSS3 animations, HTML5 audio, and JavaScript. Animate images and backgrounds with CSS3. Load assets, loop music, and fire events using JavaScript. This talk is an excellent introduction to CSS3’s shiniest features and HTML5’s audio API. Even if you never need to animate a music video, you’re sure to come away with a head full of ideas.

About the speaker

This person is speaking at this event.
Rachel Nabors

Web animation engineer, invited expert at the W3C, curator of webanimationweekly.com. Showing folks how to put animation to work in design and development.

Rachel Nabors is a front end developer, CSS animations fanatic, and award-winning cartoonist. A serial tea abuser, she can be found, late at night, inking comics about github or drawing her own loading spinners.

Next session in Tech Track

11am Getting rid of Images using CSS3 by Chris Mills

Coverage of this session

Sign in to add slides, notes or videos to this session

Tell your friends!


Time 10:00am11:00am CET

Date Fri 30th August 2013

Short URL


Official event site


View the schedule


See something wrong?

Report an issue with this session