Comments 6
в Chrome с 4 по 9 версию нужен префикс -webkit-. Mozilla Firefox в версиях 2 и 3 свойство не поддерживается и частично поддерживается в версии 3.5 and 3.6
Не проверяли в Chrome 101 или Firefox 100 ? Все так же плохо поддерживают?
+1
Актуальная статья
Hidden text
для года, эдак, 2012-го
0
Хотел бы добавить. Тени не смотря на свое название, имеют очень большой спектр применений.
Например их можно использовать как границы блока.
box-shadow: 0 0 0 10px royalblue, 0 0 0 20px red;
/* pos-x pos-y blur blur-start-pos color */
Таким-же образом, можно сделать затемнение заднего фона без добавления псевдо-элементов и врапперов
.elem {
position: fixed;
z-index: 500; /* Чтобы убедиться, что он над всеми остальными*/
/* Центрируем блок */
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
box-shadow: 0 0 0 100vw rgba(0, 0, 0, .6);
}
Итог (код был применен к гугловской картинке)
А что насчет неона, то стоит добавлять в промежутках белого цвета, для усиления эффекта.
+1
Тени наше всё =)
0
Sign up to leave a comment.
3 способа использовать box-shadow в CSS