CSS3 przekształcić właściwość stylu
Przykłady
Niech elementy dziecko do konwersji zastrzeżeń 3D:
div
{
transform: rotateY (60deg);
przekształcić w stylu: zachowanie-3d;
-webkit-transform: rotateY (60deg); / * Safari i Chrome * /
-webkit-transform-style: zachowanie-3d; / * Safari i Chrome * /
}
{
transform: rotateY (60deg);
przekształcić w stylu: zachowanie-3d;
-webkit-transform: rotateY (60deg); / * Safari i Chrome * /
-webkit-transform-style: zachowanie-3d; / * Safari i Chrome * /
}
Spróbuj »
Pomoc Browser
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.
属性 | |||||
---|---|---|---|---|---|
transform-style | 36.0 12.0 -webkit- |
11.0 | 16.0 10.0 -moz- |
9.0 4.0 -webkit- |
23.0 15.0 -webkit- |
Atrybut definicje i instrukcje
transformacji - atrybut style, aby określić sposób zagnieżdżone elementy są renderowane w przestrzeni trójwymiarowej.
Uwaga: Ta właściwość musi najpierw przekształcić własności.
Użytkownicy Safari / Chrome: Dla lepszego zrozumienia transformacji - właściwość stylu, patrz przykłady wykazać .
Domyślnie: | mieszkanie |
---|---|
Dziedziczenie: | nie |
Wersja: | CSS3 |
Składnia JavaScript: | object .style.transformStyle = "zachowanie-3d" |
gramatyka
przekształcić w stylu: płaska | zachowanie-3d;
wartość | opis |
---|---|
mieszkanie | Elementy potomne nie zachowują swoją pozycję 3D. |
zachowania-3d | Elementy potomne zachowają swoją pozycję 3D. |