Тени

Урок 6 из 8 курса CSS-проект: Стильная кнопка на Coddy.

Добавление эффектов тени к кнопке — распространенная практика, позволяющая придать ей объемный вид и ощущение кликабельности.

Для добавления тени в CSS мы используем свойство box-shadow,

#with-shadow {
	box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25)
}

Задание

Легко

Добавьте тени к вашей кнопке!

Совет: хорошей практикой является использование цвета rgba(0, 0, 0, 0.25) в качестве цвета тени (вы можете поэкспериментировать с непрозрачностью — 0.25)

Попробуйте сами

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="styles.css">
</head>
    <body>
        <!-- Write HTML code here -->
    </body>
</html>

Все уроки раздела CSS-проект: Стильная кнопка

1Введение

2Проект на CSS

Тени