Давайте посмотрим на тень элементов, и сделаем маленькие анимации при наведении. Тень делается с помощью css, а точнее с помощью атрибута box-shadow, он очень сложный, но мы рассмотрим его! Пример CSS: И у нас будет красивая серая тень! Теперь попробуем сделать свою, четыре цифры означают сдвиг тени. Это сразу сложно понять, поэтому после урока попробуйте изменить код в начале урока под себя. Теперь...

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