The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

CSS transition slide animation effect help

  • Anonymous
    # 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.

    # 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.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed