I was trying to make the earth's orbit around the sun smaller, but I couldn't find out how, so if you know how, please tell me!
In earth orbit in css, the width and height of the orbit can be changed to make it smaller
Where at do I adjust it ?
This is my earth orbit code:
/* For Section #2 */ position:absolute; top:50%; left:50%; width:270px; height:270px; margin-top:-186px; margin-left:-186px; border width:2px; border-style:dotted; border-color:white; border-radius:50%; -webkit-animation: spin-right 12s linear infinite; -moz-animation: spin-right 12s linear infinite; -ms-animation: spin-right 12s linear infinite; -o-animation: spin-right 12s linear infinite; animation: spin-right 12s linear infinite;}
Where there is width and height in the 6th and 7th line inside the earth-orbit, if you change the values of px there this will affect the size of the orbit. The bigger the number, the bigger the orbit.