Тень для текста задается вот так:

.shadow {
   text-shadow: 2px 2px 4px #000000;
}

Обьяснения данного кода:

.shadow {
   text-shadow: [X отступ] [Y отступ] [размер размытия] [цвет];
}

Так же вы можете одновременно добавить несколько теней:

.shadow {
   text-shadow: 1px 1px 0 black, 2px 2px 0 black;
}

Делаем чтобы эффект башни из теней включался только при наведении:

.shadow {
   color: white;
   font: bold 52px Helvetica, Arial, Sans-Serif;
   text-shadow: 1px 1px #fe4902, 2px 2px #fe4902, 3px 3px #fe4902;
}
.shadow:hover {
   position: relative;
   top: -3px; left: -3px;
   text-shadow: 1px 1px #fe4902, 2px 2px #fe4902, 3px 3px #fe4902, 4px 4px #fe4902, 5px 5px #fe4902, 6px 6px #fe4902;
}

Добавлено: 29 Мая 2018 09:48:48 Добавил: Андрей Ковальчук Нравится 0

Добавить