Если вам необходимо создать тень для какого-нибудь блока на вашем сайте, воспользуйтесь генератором тени блока CSS ниже. Как им пользоваться, я думаю вы разберетесь без особого труда. Конечно для этого необходимо иметь хотя бы элементарное представление о том, что такое CSS. Когда выберете необходимый тип и цвет тени, просто скопируйте полученный код.
Свойство box-shadow создаёт элементу тень.
↔ | ||
↕ | ||
● | ||
● | ||
А вот сейчас самое интересное. Что может творить свойство box-shadow в CSS с блоком. Все нижеприведенные примеры вы можете проверить прямо на этой странице, меняя данные прямо в коде блоков и посмотреть, что из этого выйдет. А так-же скопировать полученный код и вставить на свой сайт в стиль CSS для вашего блока.
<div id="cube"></div>
<input type="text" placeholder="псевдоним или email" class="backlight"/> <input type="password" placeholder="пароль" class="backlight">
box-shadow можно плавно изменять, но нужно учитывать особенность этого изменения:
? нет да<span class="dva1">да</span> <span class="dva2">нет</span> <span class="dva3">да</span>