Rumah >hujung hadapan web >tutorial css >Perubahan 2D dalam CSS3

Perubahan 2D dalam CSS3

WBOY
WBOYke hadapan
2023-09-10 23:05:05657semak imbas

CSS3 中的 2D 变换

Transformasi 2D digunakan untuk mengubah semula struktur elemen melalui terjemahan, putaran, penskalaan dan senget.

Jadual berikut mengandungi nilai yang biasa digunakan dalam transformasi 2D

digunakan untuk mentakrifkan penjelmaan matriks dengan enam nilai 2 -paksi dan paksi-y digunakan pada elemen Terjemah paksi-y x,y)scaleX (n)Digunakan untuk menukar ketinggian elemen mengikutsudut condong)
nombor siri

nilai dan penerangan

(n,n,n, n,n ,n)

terjemah(x,y)

digunakan untuk menterjemah unsur x

3

terjemah

digunakan untuk menukar lebar dan tinggi elemen

6

Digunakan untuk menukar lebar elemen

scaleY(n)

8

putar(sudut )

8

putar(sudut )

Putar elemen 9

takrifan Transformasi serong di sepanjang paksi-y

Atas ialah kandungan terperinci Perubahan 2D dalam CSS3. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:tutorialspoint.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam