Лучшее руководство по CSS3 коробчатого тень недвижимость в 2024 году. В этом руководстве вы можете изучить примеров,Поддержка браузеров,Определение атрибута и инструкции,грамматика,Онлайн примеры,Статьи по Теме,
Добавление к DIV элемента тени:
Цифры в таблице представляют первый браузер для поддержки номер версии имущества.
Сразу же после цифровой -webkit-, -ms- или -moz- назад в поддержку префикса атрибута первый номер версии браузера.
свойство | |||||
---|---|---|---|---|---|
границы изображения | 10,0 -webkit- | 9.0.0 | 4,0 (2,0) [3] 3.5 (1.9.1) -moz | 5.1 [1] 3.0 -webkit | 10.5 [1] -о- |
коробчатого теневое свойство можно установить один или несколько из капли теневой коробки.
По умолчанию: | никто |
---|---|
Наследование: | нет |
Версия: | CSS3 |
Синтаксис JavaScript: | объект .style.boxShadow = "10px 10px 5px #888888" |
Примечание: boxShadow свойство , чтобы добавить один или несколько тень на раме.Свойство разделенный запятыми список из тени, каждая затенена 2-4 значений длины, необязательного значения цвета и необязательной вставки ключевого слова, указанного. Опуская значение длины равно 0.
значение | объяснение |
---|---|
ч-тень | Обязательный параметр. Положение горизонтальной тени. Разрешить отрицательное |
v-тень | Обязательный параметр. Вертикальное положение тени. Разрешить отрицательное |
пятно | Необязательно. Fuzzy Расстояние |
распространение | Необязательно. Размер тени |
цвет | Необязательно. Цвет тени. В CSS значений цвета, чтобы найти полный список цветовых значений |
вставка | Необязательно. Из тени наружного слоя (в начале), чтобы изменить тень внутреннюю тень |
Поворот изображения
Этот пример демонстрирует, как создать "Полароида" Фотографии и поворот изображения.
CSS3 учебник: CSS3 границы