CSS3 Animations

Question

I've started playing around with CSS animations. Fun!

I've set up this fiddle to practice the idea of wheels on a bus.

http://jsfiddle.net/Dr56H/2/

What's weird is sometimes there is a white space between the two divs as they move down the animation.. Any idea why?

(I only have code for chrome right now)

I double checked that, and played with them to confirm. They're definitely right. The issue is it works sometimes and then after refreshing, it sometimes doesn't.. — Reuben
– Reuben, Commented Aug 4, 2012 at 21:16
overflow:hidden on .bus will make it ~1px tall, I can't really explain why its happening though — Andy
– Andy, Commented Aug 4, 2012 at 21:25

Bevanz · Accepted Answer · 2012-09-27 14:01:50Z

I did this and it worked.

.one { width:100px; height:100px; background:red; position:absolute; /* Safari and Chrome: */ -webkit-animation:myfirst .4s linear 0s infinite normal;

mkk · Accepted Answer · 2012-08-04 21:07:24Z

1

if you remove animation from .one as in jsfiddle it's not there anymore

answered Aug 4, 2012 at 21:07

mkk

7,7037 gold badges48 silver badges63 bronze badges

Collectives™ on Stack Overflow

CSS3 Animations

2 Answers 2

Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Related