Reply To: Rotating Animation with CSS

[bearhead]

I think there are a couple problems:

1. I’m not positive that in your version the logo is centered relative to the #rotator div. Maybe you need to investigate another method for centering the logo.
2. I think something isn’t right with your javascript – it doesn’t seem like it is positioning the “small circles” correctly. It may be because the script you’re using is designed for circles rather than ovals?

I put together this demo to demonstrate my two points. The red and yellow boxes are there so you can see how everything is centered. I removed your javascript and positioned the ovals with css (I used only four ovals to make the positioning easier math-wise).

http://codepen.io/kvana/pen/mPwZEK