Несколько лет назад, когда анимация CSS была нам еще в новинку, есть ли способ анимировать с помощью CSS движение элемента по кругу. В то время это было всего лишь занимательным упражнением на знание CSS, но позднее мне довелось натолкнуться на множество реальных сценариев использования. Например, в Google+ вы видите такую анимацию, когда в круг, в котором уже есть более 11 членов, добавляется новый пользователь: существующие аватары раздвигаются, освобождая место на окружности для нового изображения.
Другой, очень забавный пример можно найти на популярном российском веб-сайте habrahabr.ru. В соответствии с лучшими практиками оформления страниц для ошибки 404 эта страница содержит навигационное меню, позволяющее перейти к некоторым основным разделам веб-сайта. Каждый элемент меню представлен в виде планеты, вращающейся по окружности, а текст наверху гласит: «Слетайте на другие наши планеты». Разумеется, в данном случае логично перемещать планеты по окружности и не вращать их дополнительно вокруг своей оси, иначе текст станет невозможно прочитать. Читать далее
