treehouse : what would you like to learn today?
Web Design Web Development iOS Development

Where can I learn how to achieve this effect?

  • hi

    on this website: http://www.beautifulexplorer.com/main.html

    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
  • Looks like they're using the canvas element, which I won't pretend to understand -- however, the most recent post on css-tricks.com happens to cover the canvas element. :)
  • 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.
  • my apologies he does seem to be using canvas. however you could still do it with transitions and transformations.
  • 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