Grow your CSS skills. Land your dream job.

CSS transition slide animation effect help

  • # January 16, 2013 at 11:04 pm

    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

    # January 16, 2013 at 11:34 pm

    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

    # January 17, 2013 at 7:20 am

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

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".