Treehouse: Grow your CSS skills. Land your dream job.

Where can I learn how to achieve this effect?

  • # June 27, 2011 at 6:17 pm


    on this website:

    when you hover over the images you get a circular animation, also the (middle) camera icon scales larger
    I seen this on a video game and now here

    hope you could give me some suggestions to what I can read (any tutorial) where I could learn to get this effect.

    I tried to inspect the effect with firebug, but I can’t seem to make any thing of it.

    Hope to could help – thanks

    # June 27, 2011 at 8:58 pm

    Looks like they’re using the canvas element, which I won’t pretend to understand — however, the most recent post on happens to cover the canvas element. :)

    # June 27, 2011 at 9:56 pm

    actually ccc630 it doesn’t look like he is using canvas if you look at the source. Akurtula i think he’s just using hover states to trigger css3 transitions and transformations, the rotation and opacity ones to be exact. Does that help.

    # June 27, 2011 at 10:03 pm

    my apologies he does seem to be using canvas. however you could still do it with transitions and transformations.

    # June 28, 2011 at 4:26 am

    my question would be – ‘Is using the canvas to create the effect better or would simple transitions be just as good because I have no clue about the canvas and after viewing the latest snake example i have maybe 5% of a clue :P

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

You must be logged in to reply to this topic.