Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS Animating SVG with CSS Keyframe and Line Drawing Animations Creating an SVG Animation Sequence

Posted by Pranav Gupta
Pranav Gupta
Courses Plus Student 6,125 Points

@keyframe Animation : does treehouse offer a course on keyframe animation or is it part of another course ?

I have taken all css transition courses but didn't see anything about keyframe animation.

zekoyya
zekoyya
3,943 Points

This is a terrible video that explains keyframes.

2 Answers

Eric Butler
Eric Butler
33,512 Points
Eric Butler
Eric Butler
33,512 Points

Hi Pranav, Nick uses @keyframe animation in the 50-minute workshop called "Creating a CSS Marquee," so you can check that one out. Cheers!

Lia Sansoucy
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Lia Sansoucy
UX Design Techdegree Graduate 16,070 Points
Lia Sansoucy
.a{fill-rule:evenodd;}techdegree seal-36
Lia Sansoucy
UX Design Techdegree Graduate 16,070 Points

I had no idea what keyframes were, and though I missed something big somehow until I saw a bunch of questions like this on here under this video. So I went to Google and found this great explanation: https://www.lifewire.com/what-are-keyframes-4059037 Hope this helps!