Верстка сайта урок 3. Подключаем css и делаем текст красивым
Делаем кнопку "вверх" на сайте с анимированным перемещением.
Кнопка "вверх" на сайте где контента больше чем 3 экрана просто необходима. Я, например, всегда ищу такую когда проскролю сайт даже на несколько блоков и мне снова нужно вернуться на верх. Я перепробовал много способов, от чистого css до разных плагинов js (как же я их не люблю...). В итоге написал сам идеальное решение под любой браузер. Страничка плавно поднимается вверх, не моментально, что смотрится очень даже хорошо. Приступим. Новички - читаем все по порядку. Профи и те кто уже работал с js на сайте - могут пропустить следующий абзац...
Как сделать текст по дуге с помощью CSS?
Для начала нужно выбрать слово с которым мы будем работать, например: "Время". Каждую букву необходимо заключить в отдельный блок div. Выглядеть это будет вот так: Как видно из примера все блоки, кроме того в котором находится буква "е", имею свой id и class. На данном этапе можно сказать что основной "каркас" готов. Остается только добавить CSS-стили: Ведущую роль здесь играет свойство transform, именно с его помощью мы можем поворачивать блоки под любым углом...