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!

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

Posted by Anthony Lockett
Anthony Lockett
24,266 Points

CSS 3 Ribbon Animation

I want to make a Renaissance style ribbon in AI and have it animate lil it is waving. Does anyone know how this could be done? I know all about CSS3 Animation properties but can't figure this out. Any help would be awesome thanks everyone!, Note I have not yet made the ribbon I am currently drawing something up.

Jesse Richard
Jesse Richard
1,899 Points

Like rocking back and forth rather than a ripple?

1 Answer

Jesse Richard
Jesse Richard
1,899 Points
Jesse Richard
Jesse Richard
1,899 Points

If you're looking for a simple rocking in the wind, something like this would do:

http://jsfiddle.net/5bvwY/