- index.html
- style.css
HTML
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="utf-8">
<title>radial-gradient()</title>
<link rel="stylesheet" href="setting-task.css">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="box"></div>
<div class="box"></div>
</body>
</html>
CSS
.box {
width: 250px;
height: 250px;
}
.box:first-child {
background:
radial-gradient(
at 0 125px,
#61ff6c,
#40d8ff,
#d91ea8
);
}
.box:last-child {
background:
radial-gradient(
at 0% 50%,
#61ff6c,
#40d8ff,
#d91ea8
);
}
Вы перешли на другую страницу
Кликните внутри мини-браузера, чтобы поставить фокус в это окно.
ЗадачиВыполнено
0
Измените высоту обоих блоков:
- Измените высоту обоих блоков на
350px, - измените высоту обоих блоков на
450px.
Сравните, как меняется положение центра градиента в блоке с координатами в пикселях и в блоке с координатами в процентах.