Градієнт в CSS для Opera
Ця стаття описує, як створити радіальний градієнт в браузері Opera за допомогою CSS.
Синтаксис
background-image: -o-radial-gradient([<угол> || <позиция>,] [<форма> || <розмір>,] <колір> [, <колір>]*);
Значення
- <угол>
- Впливає лише на еліптичний градієнт.
- <позиція>
- Задає положення точки градієнту.
- <форма>
- Встановлює форму радіального градієнту - коло або еліпс.
- <розмір>
- Встановлює розмір градієнту.
- <колір>
- Представляє значення кольору, за яким йде необов'язкове положення кольору відносно вісі градієнту.
Приклад
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Градієнт</title>
<style>
body {
background: #feffff;
background: -o-radial-gradient(center, ellipse cover, #feffff 0%, #d2ebf9 100%);
padding: 10px;
}
</style>
</head>
<body>
<p>Зміст сторінки</p>
</body>
</html>