CSS3 transform asal properti
contoh
Set posisi titik elemen rotary:
{
transform: rotate(45deg);
transform-origin:20% 40%;
-ms-transform: rotate(45deg); /* IE 9 */
-ms-transform-origin:20% 40%; /* IE 9 */
-webkit-transform: rotate(45deg); /* Safari and Chrome */
-webkit-transform-origin:20% 40%; /* Safari and Chrome */
}
Coba »
Dukungan Browser
Angka dalam tabel tersebut merupakan browser pertama yang mendukung nomor versi properti.
Segera setelah -webkit- digital, -ms- atau moz lalu mendukung awalan atribut nomor versi browser pertama.
属性 | |||||
---|---|---|---|---|---|
transform-origin (two-value syntax) |
36.0 4.0 -webkit- |
10.0 9.0 -ms- |
16.0 3.5 -moz- |
9.0 3.2 -webkit- |
23.0 15.0 -webkit- 10.5 -o- |
transform-origin (three-value syntax) |
36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
9.0 4.0 -webkit- |
23.0 15.0 -webkit- |
Definisi atribut dan petunjuk
mengubah-Asal atribut memungkinkan Anda untuk mengubah posisi dari elemen konversi.
elemen konversi 2D dapat mengubah X dan Y-axis elemen. elemen konversi 3D, Anda juga dapat mengubah elemen Z-axis.
Untuk lebih memahami atribut Transform-Asal, silakan lihat demo .
Catatan: Properti ini harus terlebih dahulu mengubah properti.
Tip: pengguna Safari / Chrome:Untuk lebih memahami 3D mengubah sifat, silakan lihat demo .
default: | 50% 50% 0 |
---|---|
warisan: | tidak |
versi: | CSS3 |
sintaks JavaScript: | keberatan .style.transformOrigin = "20% 40%" |
tatabahasa
nilai | deskripsi |
---|---|
x-axis | Kustom View ditempatkan di mana X-axis. Kemungkinan nilai:
|
poros Y | Kustom View ditempatkan di mana Y-axis. Kemungkinan nilai:
|
z-axis | Kustom View ditempatkan di mana Z-axis. Kemungkinan nilai:
|