Тени в CSS создаются при помощи двух свойств: box-shadow и text-shadow. Свойство box-shadow создает тени для блочных элементов, а свойство text-shadow – для текстов. Синтаксис обоих свойств очень похож, поэтому сначала я разберу свойство box-shadow, которое немного сложнее, а затем изучим text-shadow. Свойство box-shadow Полный синтаксис записи свойства box-shadow следующий: box-shadow: inset 1px 2px 3px 4px black; Т.е. в свойстве box-shadow всего 6 параметров, два из которых являются обязательными: это смещение тени по осям x и y. box-shadow: 1px 2px; Первое цифровое значение задает смещение тени по горизонтали, второе - по вертикали...

Мне часто задают вопрос: можно ли создавать тени из градиентов вместо сплошных цветов? Не существует конкретного свойства CSS, которое делает это (поверьте мне, я смотрел), и любой пост в блоге, который вы найдете об этом, в основном представляет собой множество трюков CSS для аппроксимации градиента. На самом деле мы рассмотрим некоторые из них по ходу дела. Вместе мы раздвинем границы, чтобы получить решение, которое охватывает то, чего я не видел больше нигде: прозрачность. Большинство трюков...