Народ, всем привет. Сегодня мы немного поговорим о тени, и обсудим важные моменты, ведь довольно часто начинающие разработчики и дизайнеры не до конца понимают все возможности данного инструмента. Ну и конечно, совершают ошибки, о которых мы тоже сегодня вспомним. Мы не будем сильно вдаваться в подробности и в примеры использования тени, но все же обговорим несколько базовых нюансов. Во-первых, тень можно создать одним простым способом, использовать box-shadow. box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0...

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