Добавление тени к изображению или блоку
Давайте разберемся, как добавить вот такую тень к изображению или любому другому блоку на странице
Для изображения
Есть два варианта:
- Сразу в редакторе текста
- Через редактор css на сайте
1. В редакторе текста
- Выберите в тексте ваше изображение и на панели редактора нажмите на кнопку "Вставить/изменить изображение"
- В открывшемся диалоге перейдите во вкладку "Расширенные" и там в поле "Стиль впишите следующий стиль"
Что означает этот код:
box-shadow: rgba(0,0,0,0.3) 0px 0px 10px 5px;
rgba - цвет с ппрозрачностью Red Green Blue Alpha
0px первый - смещение тени вниз по вертикали
0px второй - смещение тени вправо по горизонтали
10px - размытие тени
5px - толщина тени
- Нажмите ОК - тень будет добавлена