Отправляет email-рассылки с помощью сервиса Sendsay
Открытая группа
17418 участников
Администратор Надежда(CompGramotnost)


Модератор Юрий Компас

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


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

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

Здравствуйте! От линейных градиентов переходим к радиальным. Радиальные градиенты в отличие от линейных распространяются от центра наружу по круговой схеме. Для создания радиального градиента достаточно указать цвет, который будет в центре градиента, и цвет, который должен быть снаружи. Эти цвета передаются в функцию 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

11.08.2017
Пожаловаться Просмотров: 737  
←  Предыдущая тема Все темы Следующая тема →


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