Для начала нужно выбрать слово с которым мы будем работать, например: "Время". Каждую букву необходимо заключить в отдельный блок div. Выглядеть это будет вот так: Как видно из примера все блоки, кроме того в котором находится буква "е", имею свой id и class. На данном этапе можно сказать что основной "каркас" готов. Остается только добавить CSS-стили: Ведущую роль здесь играет свойство transform, именно с его помощью мы можем поворачивать блоки под любым углом...

Представьте: вы открыли сайт на большом мониторе — заголовок крупный и читается легко. Перешли на телефон — тот же заголовок стал меньше, но не крошечным, а всё ещё удобным. И всё это без скачков, без полос прокрутки и без настроек под каждое устройство отдельно. Раньше для этого приходилось писать специальные правила: «если ширина экрана меньше 500 пикселей, сделай шрифт таким-то». Это работало, но правил получалось много. Сегодня есть способ проще и элегантнее — с помощью одного математического действия...