Как создать адаптивное выпадающее (Dropdown Menu) горизонтальное меню с использованием HTML CSS и JavaScript
Как сделать текст по дуге с помощью CSS?
Для начала нужно выбрать слово с которым мы будем работать, например: "Время". Каждую букву необходимо заключить в отдельный блок div. Выглядеть это будет вот так: Как видно из примера все блоки, кроме того в котором находится буква "е", имею свой id и class. На данном этапе можно сказать что основной "каркас" готов. Остается только добавить CSS-стили: Ведущую роль здесь играет свойство transform, именно с его помощью мы можем поворачивать блоки под любым углом...
Drop-Shadow: недооцененный фильтр CSS
Если вы знакомы с CSS, вы, вероятно, знаете все о свойстве box-shadow. Но знаете ли вы, что есть CSS-фильтр drop-shadow, который делает нечто подобное? Как и box-shadow, мы можем передавать значения для x-offset, y-offset, blur radius и colour: .my-element {
filter: drop-shadow(0 0.2rem 0.25rem rgba(0, 0, 0, 0.2));
} В отличие от box-shadow, он не принимает параметр распространения (подробнее об этом позже). Чем полезен drop-shadow? Если у нас есть box-shadow, зачем нам вообще drop-shadow?
Использование...