Web Design Forum: CSS3 Toaster animation! - Web Design Forum

Jump to content

WDF
WDF Premium Memberships Reseller Hosting
Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

CSS3 Toaster animation! ...got bored! Rate Topic: -----

#1 User is offline   Pedro 

  • Expert
  • PipPipPipPip
  • View gallery
  • Group: Members
  • Posts: 740
  • Joined: 30-November 08
  • Reputation: 62
  • Gender:Male
  • Location:London
  • Experience:Intermediate
  • Area of Expertise:Web Developer

Posted 22 January 2012 - 04:53 PM

Playing around with CSS3 animations and made this: http://pedroduarte.me/lab/toaster/ (click on it the toaster)

Not quite there yet, I want to make it more animated, but what do you guys think for now?

This post has been edited by Pedro: 22 January 2012 - 04:53 PM

0

#2 User is online   rallport 

  • Web Guru
  • PipPipPipPipPip
  • Group: Members
  • Posts: 3,820
  • Joined: 03-January 10
  • Reputation: 266
  • Gender:Male
  • Location:England, UK
  • Experience:Advanced
  • Area of Expertise:Web Developer

Posted 22 January 2012 - 04:56 PM

In FF 9.0.1 the animation only works once?

Would have personally used Jquery for this as it would have worked over a larger range of browsers.
0

#3 User is offline   Pedro 

  • Expert
  • PipPipPipPip
  • View gallery
  • Group: Members
  • Posts: 740
  • Joined: 30-November 08
  • Reputation: 62
  • Gender:Male
  • Location:London
  • Experience:Intermediate
  • Area of Expertise:Web Developer

Posted 22 January 2012 - 05:06 PM

In every browser it will only play once. Refresh to play it again.

Thats a good point but the point is to do it in CSS3 :p

Thanks man!
0

#4 User is offline   D.Schuster 

  • Dedicated Member
  • PipPip
  • Group: Members
  • Posts: 229
  • Joined: 21-November 11
  • Reputation: 29
  • Gender:Male
  • Location:Europe, Germany
  • Experience:Advanced
  • Area of Expertise:Web Designer

Posted 25 January 2012 - 10:33 AM

View Postrallport, on 22 January 2012 - 04:56 PM, said:

In FF 9.0.1 the animation only works once?

Would have personally used Jquery for this as it would have worked over a larger range of browsers.


with CSS3 now having animation functions I would prefer not to use Jquery myself, as there is still a number of people with java runtime either disabled or not installed at all, cause they heard it might be dangerous.
I'd personally use Jquery as a sort of backup if it was an importaint animation.
1

Share this topic:


Page 1 of 1
  • You cannot start a new topic
  • You cannot reply to this topic

1 User(s) are reading this topic
0 members, 1 guests, 0 anonymous users