CSS transition slide animation effect help

[Anonymous]

I just found out that you can create animations with css and have begun learning how. But can someone help me out with making a slide from left to right effect coming from outside the left side of the screen? it only does it once and it begins onece the page loads. You would be helping me a greate deal. Thanks

[hotpink]

I put together an example.

I am using jQuery to initialize the animation.
Though I think this could be done in pure CSS.

The main thing you can learn from my example is…
When you set a property to “transition” with CSS, changes to that property will be animated.

In the example, any changes made to “left:” will be animated.

I wrote the stylesheet in SCSS using compass. To see the pure CSS click on “CSS (SCSS)” at the top of the center box.

http://codepen.io/jessecfisher/pen/rxJKG

[Anonymous]

couldn’t have asked for a better example. Thank you @hotpink

[Author]

Posts