با استفاده از سی اس اس به سادگی میتوان سیارات منظومه شمسی را انیمیت یا متحرک کرد.
بیایید با چند نشانه گذاری بسیار اساسی شروع کنیم:
<ol> <li class="sun"></li> <li class="mercury"></li> <li class="venus"></li> <li class="earth"></li> <li class="mars"></li> <li class="jupiter"></li> <li class="saturn"></li> <li class="uranus"></li> <li class="neptune"></li> </ol>
ما از یک لیست مرتب استفاده می کنیم ، زیرا سیارات مرتب هستند.
در مرحله بعد سبک پیشفرض ol را unset میکنیم
ol { all: unset; aspect-ratio: 1 / 1; container-type: inline-size; display: grid; width: 100%; }