Для начала нужно выбрать слово с которым мы будем работать, например: "Время". Каждую букву необходимо заключить в отдельный блок div. Выглядеть это будет вот так: Как видно из примера все блоки, кроме того в котором находится буква "е", имею свой id и class. На данном этапе можно сказать что основной "каркас" готов. Остается только добавить CSS-стили: Ведущую роль здесь играет свойство transform, именно с его помощью мы можем поворачивать блоки под любым углом...
Источник: Nuances of Programming Посетив блог на сайте shoptalkshow, я был приятно удивлен, увидев такой стиль: По моему мнению, этот стиль уникален, особенно некоторых из рамок. В этой статье мы увидим, как можно использовать CSS для создания эффектных границ. Свойство CSS Border Когда речь заходит о типе границ на сайте, первое, что приходит на ум, — это разнообразие таких границ. Наиболее часто используемые — solid (сплошная) и dashed (пунктирная). Последняя используется в приведенном выше примере...