Игра теней / Свойство box-shadow [1/17]
×
Курс «Игра теней»

Свойство box-shadow [1/17]

Тени создаются с помощью CSS-свойства box-shadow. Это достаточно сложное свойство, которое состоит из 6 компонентов. В этом курсе мы детально рассмотрим, как оно работает, а также научимся некоторым интересным приёмам.

С помощью этого свойства можно создавать множественные тени. Мы тоже потренируемся это делать.

А пока посмотрим на пример работы этого свойства.


Выполнить задание
HTML
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Свойство box-shadow</title> </head> <body> <div class="btn">Кнопка</div> </body> </html>
CSS
body { font-family: "Tahoma", sans-serif; font-size: 18px; background: url("/assets/pcourse1/bg.jpg"); } .btn { width: 150px; margin: 100px auto; padding: 15px 20px; text-align: center; text-transform: uppercase; color: white; background: #3498db; cursor: pointer; }
HTML Academy
  1. Добавьте элементу с классом .btn свойство box-shadow со значением 0 0 5px 0 #34495e
Теория Проверить Следующее задание
Идёт запись на курс Базовый HTML и CSS #16, который стартует 16 января.

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.