17 прочтений · 3 года назад
Как сделать тень для блока в CSS?
В этой статье мы научимся создавать тени вокруг блоков. Свойство с помощью которого это можно сделать выглядит вот так: Значением этого свойства являются пять важных параметров: горизонтальное смещение, вертикальное смещение, размытие, распространение тени и цвет тени. Для элемента p это будет выглядеть вот так: Переходим к практике. Начать можно с создания нужного количества абзацев на веб-странице (в нашем случае их будет пять). Далее открываем файл в формате css и прописываем правило для каждого абзаца (не считая самого первого, т...
433 прочтения · 4 года назад
CSS: Тени
Тени в CSS подразделяются на два вида: тени текста и тени блоков. Тени текста задаются свойством text-shadow, принимающим четыре параметра: сдвиг тени по оси X, сдвиг тени по оси Y, размытие тени и её цвет. Тени блоков задаются свойством box-shadow, принимающим пять параметров: сдвиг по оси X, сдвиг по оси Y, размытие тени, радиус распространения и её цвет. Рассмотрим пример: Тени текста задаются свойством тенью внутри блока с тенью</div> .shadow { text-shadow: 1px 3px 5px grey; box-shadow:...