CSS3 Animation for Chrome and Safari Browsers

by on Jun.07, 2011, under Latest News

css3-animationAs some of you will have noticed there has been no textures added over the past week, that’s due to seeing a tweet from Smashing Magazine on CSS3 animation, the minute I saw it I thought, I need to have a go at that. One week later on and over 2000 lines of code (that’s allot for someone who doesn’t really do code) and its live. Click here for the CSS3 Animation demo.

I used several different textures from my site to work up the main background image, including the kitchen doors, Floor and a subtle texture used on the back wall.

The CSS3 Animation features a large cat sleeping on the kitchen floor while all around mice come out to play. Lots of different animation styles and setting involved.

Should be back on with adding a few more of the textures over the next day or so, still got loads to feature on here. As always comments welcome on the new animation, love to see what you guys think of it.

2 comments for this entry:
  1. Tobin

    Ohhh how cute!! That’s a LOT of work lol. Just simple flashing animation and coding 10 years ago was a pain so I feel you pain…uh pleasure. You must be like be camped out by the PC…uh…toy :D VERY GOOD!! :)

  2. Jessica

    Oh Wow, I SOOOO want to learn how you did that! Genius!

Leave a Reply