Najlepszy samouczek CSS3 własność box-shadow W 2024 r. W tym samouczku możesz dowiedzieć się Przykłady,Pomoc Browser,Atrybut definicje i instrukcje,gramatyka,przykłady Online,Powiązane artykuły,
Dodając do cienia elementu div:
Wartości podane w tabeli przedstawiają pierwszą przeglądarką obsługującą numer wersji obiektu.
Natychmiast po -webkit- cyfrowego -ms- lub -moz- temu w uzasadnieniu przedrostka atrybutu pierwszy numer wersji przeglądarki.
nieruchomość | |||||
---|---|---|---|---|---|
border-image | 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] O- |
Obiekt box-shadow można ustawić jeden lub więcej z pudełka cienia.
Domyślnie: | żaden |
---|---|
Dziedziczenie: | nie |
Wersja: | CSS3 |
Składnia JavaScript: | object .style.boxShadow = "10px 10px 5px #888888" |
Uwaga: Obiekty boxShadowdodać jedną lub więcej cień do ramy. Nieruchomość znajduje się lista oddzielonych przecinkami cieniu, każdy zacienione przez 2-4 wartości długości, opcjonalny wartości koloru i opcjonalnym wstawka określonego słowa kluczowego. Pomijając wartość długość wynosi 0.
wartość | wyjaśnienie |
---|---|
h-shadow | Wymagany. Stanowisko cienia poziomie. Pozwól negatywna |
v-shadow | Wymagany. Pionowa pozycja cienia. Pozwól negatywna |
plama | Opcjonalne. Fuzzy Odległość |
rozpiętość | Opcjonalne. Wielkość cienia |
kolor | Opcjonalne. Kolor cieni. W wartości kolorów CSS znaleźć kompletną listę wartości kolorów |
wstawka | Opcjonalne. Z cienia zewnętrznej warstwy (na początku) do zmiany wewnętrznego Cień |
Obracanie obrazu
Ten przykład pokazuje, jak utworzyć "polaroid" Zdjęcia i obracania obrazu.
Tutorial CSS3: CSS3 Borders