Grow your CSS skills. Land your dream job.

css3 animation

  • # June 27, 2013 at 11:55 am

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

    http://www.presentermedia.com/index.php?target=closeup&maincat=animsp&id=2563

    # 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

    NIX
    # June 27, 2013 at 6:41 pm

    Oh hell yeah! Check this out:

    http://www.anthonycalzadilla.com/css3-ATAT/

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

You must be logged in to reply to this topic.

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