Отправляет email-рассылки с помощью сервиса Sendsay
Экономика и финансы → Отрасли → Высокие технологии

Учим HTML 56

Премодерируемое участие
934 участника
info@z*****.ru
Администратор PULSAR


Модератор Horov
Модератор IMPULSE
Модератор CHAWO

Активные участники:

CHAWO
IMPULSE
Horov

Последние откомментированные темы:

20260316190235

←  Предыдущая тема Все темы Следующая тема →
webguru
пишет:

Радиальный градиент

Здравствуйте! От линейных градиентов переходим к радиальным. Радиальные градиенты в отличие от линейных распространяются от центра наружу по круговой схеме. Для создания радиального градиента достаточно указать цвет, который будет в центре градиента, и цвет, который должен быть снаружи. Эти цвета передаются в функцию radial-gradient(). Например:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Стилизация таблиц в CSS3</title>
        <style>
		div {
			width: 200px;
			height: 200px;
			border-radius: 100px;
			
			background-color: #eee;
			background-image: radial-gradient(white, black);
			background-image: -moz-radial-gradient(white, black);
			background-image: -webkit-radial-gradient(white, black);
		}
		p{
			margin: 0;
			padding-top: 60px;
			text-align: center;
			color: #eee;
		}
        </style>
    </head>
    <body>
		<div><p>Радиальный градиент</p></div>
	</body>
</html>
Читать далее
 

Вступите в группу, и вы сможете просматривать изображения в полном размере
Это интересно
0

webguru
17.05.2017
Пожаловаться Просмотров: 365  
Комментарии 0
←  Предыдущая тема Все темы Следующая тема →


Комментарии временно отключены