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

Статья связана с репозиторием на GitHub. В предыдущей статье мы создали вложенные div и раскрасили их в цвета радуги. "Ты извинился, но сделал это без должного уважения" "Крёстный отец" Вот и мы также. Сделали - да, но сделали как говорится "инлайн" - без должного уважения: стили прописали прямо в коде HTML-документа. Как и говорилось ранее, это крайне порочная практика, ведущая к не приятным последствиям. Займемся новой вёрсткой... Итак, для начала - создадим пустой файл index.html. Также создадим css-файл: в той же папке, где создали index...