This forum is now read-only. Please use our new forums! Go to forums
6/7 why is my orbit a square?
this is my code html, body {
width: 100%;
height: 100%;
background-color: black;
}
#sun { position: absolute;
top: 50%;
left: 50%;
border-color: orange;
border-width: 2px; border-style: solid; border-radius: 50%; box-shadow: 0 0 64px yellow;
height: 200px;
width: 200px;
margin-top: -100px;
margin-left: -100px;
}
#earth { position: absolute; top: 0%; left: 50%;
height: 50px;
width: 50px;
margin-left: -25px;
margin-top: -25px
}
#earth-orbit { 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;
} @-webkit-keyframes spin-right { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes spin-right { 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg); } }
Answer 55a6daae76b8fef17f00002a
i have the same problem
Popular free courses
- Free Course
Learn SQL
In this SQL course, you'll learn how to manage large datasets and analyze real data using the standard data management language.Beginner friendly,4 LessonsLanguage Fluency - Free Course
Learn JavaScript
Learn how to use JavaScript — a powerful and flexible programming language for adding website interactivity.Beginner friendly,11 LessonsLanguage Fluency - Free Course
Learn HTML
Start at the beginning by learning HTML basics — an important foundation for building and editing web pages.Beginner friendly,6 LessonsLanguage Fluency