- index.html
- style.css
HTML
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>Устьянская осень</title>
<link rel="stylesheet" href="setting-case.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="card card--fancy">
<p class="tag">Устьянский район</p>
<h1 class="headline">Осенние берега Устьи</h1>
<p class="lead">Здесь природа говорит шёпотом —<br> ощути северную тишину.</p>
<button class="button">Купить билет</button>
</div>
</body>
</html>
CSS
.card {
width: 420px;
padding: 50px;
padding-left: 150px;
color: #6b5742;
background-color: #fdf6f0;
background-image:
radial-gradient(
circle at 0 50%,
transparent 74px,
#000000 75px
);
}
/*
.card--fancy {
padding-top: 70px;
padding-bottom: 70px;
background-image: linear-gradient(135deg, #fff6e9, #fdd9b5, #f4a261);
}
*/
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
ЗадачиВыполнено
0
- Замените свойство
background-imageнаmask-imageв правиле.card, - только после этого раскомментируйте CSS-правило
.card--fancy.