Добавление тени к изображению или блоку

Давайте разберемся, как добавить вот такую тень к изображению или любому другому блоку на странице

 

Для изображения

Есть два варианта:

  1. Сразу в редакторе текста
  2. Через редактор css на сайте

1. В редакторе текста

  1. Выберите в тексте ваше изображение и на панели редактора нажмите на кнопку "Вставить/изменить изображение"


  2. В открывшемся диалоге перейдите во вкладку "Расширенные" и там в поле "Стиль впишите следующий стиль"


    box-shadow: rgba(0,0,0,0.3) 0px 0px 10px 5px;

    Что означает этот код:
    rgba - цвет с ппрозрачностью Red Green Blue Alpha
    0px первый - смещение тени вниз по вертикали
    0px второй - смещение тени вправо по горизонтали
    10px - размытие тени
    5px - толщина тени


  3. Нажмите ОК - тень будет добавлена
Заказать звонок

Мы позвоним
в рабочее время

Позвоните мне
Нажимая на кнопку "Заказать звонок", вы даете согласие c Политикой обработки персональных данных
Спасибо,

Спасибо! Заявку получили, сейчас позвоним.

Подождите,

Ваша заявка обрабатывается!