Pull to refresh

Солнечная система, нарисованная (не в масштабе) при помощи CSS3

Reading time 1 min
Views 10K
Alex Girón сочинил демонстрацию и к ней поясняющую блогозапись (с элементами исходного кода), посвящённые начертанию движущейся Солнечной системы при помощи border-radius, CSS-анимации и аффинных CSS-преобразований (а именно, анимированных поворотов от 0° до 360°).

В Firefox эта демонстрация выглядит как неподвижная иллюстрация:

[Солнечная система]

В вебкитных браузерах (Chrome, Safari) планеты к тому же вращаются на своих орбитах.

В Эксплорере вся система приобретает необычайный вид:

[вид в IE]
Tags:
Hubs:
+164
Comments 113
Comments Comments 113

Articles