Cara menggunakan CSS3 untuk transformasi 3D

WBOY
Lepaskan: 2023-09-04 12:25:05
ke hadapan
1041 orang telah melayarinya

使用 CSS3 进行 3D 变换的方法

Berikut adalah kaedah yang digunakan untuk memanggil transformasi 3D:

#🎜🎜🎜🎜🎜🎜 # Nilaimatriks3d(n,n ,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n)#🎜🎜 # digunakan untuk mengubah elemen dengan menggunakan 16 nilai matriks #🎜🎜(# translate3d x,y, z) digunakan untuk mengubah elemen menggunakan paksi-x, paksi-y dan paksi-z #🎜 🎜##🎜🎜 ##🎜🎜 untuk digunakan elemen transformasi skala oleh paksi-x scaleY(y)#🎜 🎜# digunakan untuk mengubah elemen menggunakan paksi-z rotateX(sudut)#🎜🎜 🎜# tr>#🎜#🎜##🎜 rotateZ(angle)

Penerangan

#🎜🎜🎜##🎜🎜🎜##🎜🎜🎜##🎜🎜🎜 #

#🎜🎜 # terjemah 🎜#

translateY(y)

digunakan kepada y-axis

translateZ(z)

#🎜 digunakan untuk mengubah elemen paksi-y

skalaX (x)

#🎜

# 🎜🎜#

#🎜🎜🎜##🎜🎜🎜##🎜🎜🎜 # digunakan untuk menskalakan elemen transformasi menggunakan paksi-y

#🎜🎜 #

skalaY(y)

#🎜 🎜#

digunakan untuk mengubah elemen menggunakan putaran paksi-x #

rotateY(angle) 🎜#

digunakan untuk memutarkan elemen menggunakan transformasi paksi-y#🎜 🎜#

#🎜🎜🎜# digunakan untuk mengubah elemen menggunakan putaran paksi z

#🎜

Atas ialah kandungan terperinci Cara menggunakan CSS3 untuk transformasi 3D. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:tutorialspoint.com
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan