Тень у элемента

Здравствуйте! Сегодня после изучения как в css добавить фон к элементу переходим к созданию тени для элемента.

Свойство box-shadow позволяет создать у элемента тень. Это свойство может принимать сразу несколько значений:

box-shadow: hoffset voffset blur spread color inset

hoffset: горизонтальное смещение тени относительно элемента. При положительном значении тень смещается вправо, а при отрицательном - влево
voffset: вертикальное смещение тени относительно элемента. При положительном значении тень смещается вниз, а при отрицательном - вверх
blur: необязательное значение, которое определяет радиус размытия тени. Чем больше это значение, тем более размытыми будут края тени. По умолчанию имеет значение 0.
spread: необязательное значение, которое определяет направление тени. Положительное значение распространяет тень во вне во всех направлениях от элемента, а отрицательное значение направляет тень к элементу
color: необязательное значение, которое устанавливает цвет тени
inset: необязательное значение, которое заставляет рисовать тент внутри блока элемента

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

		Это интересно 0	Как всё будет выглядеть в блоге: Тень у элемента Здравствуйте! Сегодня после изучения как в css добавить фон к элементу переходим к созданию тени для элемента Скопируйте код для блога: <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/uchimsya-rabotat-v-kompyuternyih-programmah/13032443/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;"> Тень у элемента </a> <div class="insert-intro" style="font-family:trebuchet MS;">Здравствуйте! Сегодня после изучения как в css добавить фон к элементу переходим к созданию тени для элемента </div> </div> Тень у элемента <div style="border:1px solid #E8E8E8;margin:10px auto;padding:10px 15px;"> <a href="https://subscribe.ru/" style="display:block;"><img src="https://subscribe.ru/img/logokanal.png" style="margin:0;border: 0;" alt=""/></a> <a href="https://subscribe.ru/group/uchimsya-rabotat-v-kompyuternyih-programmah/13032443/" style="border-color:#E8E8E8;border-style:solid;border-width:1px 0;color:#555555;display:block;font-family:trebuchet MS;font-size:1.2em; font-weight:bold;margin:5px 0;padding:5px 0;text-decoration:none;">Тень у элемента</a> <div style="font-family:trebuchet MS;">Здравствуйте! Сегодня после изучения как в css добавить фон к элементу переходим к созданию тени для элемента </div> </div>

webguru

22.12.2016

В избранное Пожаловаться Просмотров: 496

Комментарии ⁰

Учимся работать в компьютерных программах 1086

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

Тень у элемента

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

Открытая группа
54220 участников