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