Лучшее руководство по CSS3 коробчатого тень недвижимость в 2024 году. В этом руководстве вы можете изучить примеров,Поддержка браузеров,Определение атрибута и инструкции,грамматика,Онлайн примеры,Статьи по Теме,
CSS3 коробчатого тень недвижимость
примеров
Добавление к DIV элемента тени:
{
box-shadow: 10px 10px 5px #888888;
}
Попробуйте »
В нижней части этой страницы для большего количества примеров.
Поддержка браузеров
Цифры в таблице представляют первый браузер для поддержки номер версии имущества.
Сразу же после цифровой -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 границы
