This forum is now read-only. Please use our new forums at discuss.codecademy.com.

Sun, Earth, and Code Forum

View Course » View Exercise

281 points
2b45546897bc11bb1e505bfa5c82be54?s=140&d=retro
Submitted by
Hadde
almost 2 years ago

6/7 why is the orbit squared as soon as i copypaste the animation code???

As soon as I add this code my orbit becomes a square...

-webkit-animation: spin-right 10s linear infinite;
-moz-animation: spin-right 10s linear infinite;
-ms-animation: spin-right 10s linear infinite;
-o-animation: spin-right 10s linear infinite;
animation: spin-right 10s linear infinite;


-3 votes

permalink

Make sure you added it in the right place. So the css code for this part should look like this:

#earth-orbit {
    /* For Section #2 */
    position: absolute;
    top: 50%;
    left: 50%;

    width: 500px;
    height: 500px;
    margin-top: -250px;
    margin-left: -250px;

    border-width: 2px;
    border-style: dotted;
    border-color: white;
    border-radius: 50%;

    -webkit-animation: spin-right 10s linear infinite;
     -moz-animation: spin-right 10s linear infinite;
      -ms-animation: spin-right 10s linear infinite;
       -o-animation: spin-right 10s linear infinite;
          animation: spin-right 10s linear infinite;
}

703 points
D8c9430cefc104fe4822275652a53fb5?s=140&d=retro
Submitted by
Kashish123
almost 2 years ago