- index.html
- style.css
HTML
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Тень, drop-shadow</title>
<link href="course.css" rel="stylesheet">
<link href="style.css" rel="stylesheet">
</head>
<body>
<div class="compare">
<div class="compare-left shadow-1">
<div class="image">
<img src="img/spb-3.jpg" alt="">
</div>
</div>
<div class="compare-right shadow-2">
<div class="image">
<img src="img/spb-6.jpg" alt="">
</div>
</div>
</div>
</body>
</html>
CSS
.shadow-1 {
}
.shadow-2 {
}
Вы перешли на другую страницу
ЗадачиВыполнено
0
- Блоку
.shadow-1
задайте фильтрdrop-shadow
со значением15px 15px 15px black
, - а блоку
.shadow-2
— со значениемdrop-shadow(0px 0px 20px red)
.