Rumah >hujung hadapan web >tutorial css >Perubahan 2D dalam CSS3
Transformasi 2D digunakan untuk mengubah semula struktur elemen melalui terjemahan, putaran, penskalaan dan senget.
Jadual berikut mengandungi nilai yang biasa digunakan dalam transformasi 2D
nombor siri | nilai dan penerangan |
---|---|
(n,n,n, n,n ,n) | digunakan untuk mentakrifkan penjelmaan matriks dengan enam nilai |
2 |
terjemah(x,y) digunakan untuk menterjemah unsur x |
3 terjemah | digunakan pada elemen Terjemah paksi-y|
x,y) | |
digunakan untuk menukar lebar dan tinggi elemen | 6 | scaleX (n)
Digunakan untuk menukar lebar elemen |
|
scaleY(n) | Digunakan untuk menukar ketinggian elemen8 |
putar(sudut ) | 8 |
putar(sudut ) | mengikutPutar elemen 9 | sudut condong)
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!