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

css3 animation

  • # June 27, 2013 at 11:55 am

    visit the link below.plz tel me is that possible to do this animation with css3??

    # June 27, 2013 at 12:03 pm

    The linked animation is Flash.

    It could be done with CSS animations but it would require a number of images ( I’m thinking at least 3, maybe 4) and separate animations for each moving element.

    # June 27, 2013 at 4:42 pm

    thanku so much for ur reply Paulie_D
    i have built this machine in photoshop.can u plz explain me in steps how to do it with css animations??

    # June 27, 2013 at 4:48 pm

    i have saved my moving objects seprately, then i apply the required animation like rotations ect but my animations are not syncronized :( .

    # June 27, 2013 at 5:39 pm

    from now on its only tweaking until you get the timing.there is no magic way for this.
    im sure there is some math but too much for this task.
    the only suggestion i could give is play with transform origin so you can rotate your parts from the right point

    # June 27, 2013 at 6:41 pm

    This reply has been reported for inappropriate content.

    Oh hell yeah! Check this out:

Viewing 6 posts - 1 through 6 (of 6 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