CSS3 properti perspektif-asal
contoh
Menetapkan lokasi basis elemen 3D:
{
perspektif: 150;
perspektif-asal: 10% 10%;
-webkit-perspektif: 150; / * Safari dan Chrome * /
-webkit-perspektif-asal: 10% 10%; / * Safari dan 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.
属性 | |||||
---|---|---|---|---|---|
perspective-origin | 36.0 12.0 -webkit- |
10.0 | 16.0 10.0 -moz- |
9.0 4.0.3 -webkit- |
23.0 15.0 -webkit- |
Definisi atribut dan petunjuk
X-axis dan Y-axis perspektif-asal definisi properti elemen 3D didasarkan. Properti ini memungkinkan Anda untuk mengubah posisi bawah elemen 3D.
perspektif -Origin atribut definisi, yang merupakan anak dari elemen, perspektif, dan bukan elemen itu sendiri.
Catatan: Untuk pengguna Chrome dan Safari: Dalam rangka untuk lebih memahami perspektif atribut!
Untuk pengguna Chrome dan Safari: Dalam rangka untuklebih memahami atribut perspektif-Asal, melihat tampilan contoh .
default: | 50% 50% |
---|---|
warisan: | tidak |
versi: | CSS3 |
sintaks JavaScript: | keberatan .style.perspectiveOrigin = "10% 10%" |
tatabahasa
nilai | deskripsi |
---|---|
x-axis | Pandangan didefinisikan dalam posisi sumbu x. Default: 50%. Kemungkinan nilai:
|
poros Y | Definisi posisi tampilan dalam y-axis. Default: 50%. Kemungkinan nilai:
|