The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Rotating Animation with CSS Reply To: Rotating Animation with CSS


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).