Penjana Transform CSS untuk orang yang malas.
Tetapkan skala, putar, terjemah dan condong dan tonton pratonton langsung untuk mendapatkan paparan yang diingini.
Elakkan daripada menetapkan nilai melampau untuk sifat condong kerana pratonton mungkin meliputi panel tetapan. Dalam keadaan ini anda perlu memuat semula halaman.
Skala, Putar, Terjemah dan Senget
Skala berfungsi seperti anda mengezum masuk dan keluar elemen yang disasarkan. Nilai skala lalai ialah 1, yang berfungsi sebagai pengganda saiz asal. Ini bermakna 0.5 separuh manakala 2 menggandakan bahagian.
Putar elemen mengikut arah jam dengan sifat kedua yang ditetapkan dalam darjah. Berpusing dengan 180° meletakkan objek terbalik manakala 360° mengambil kembali ke kedudukan tegak asalnya. Tetapkan sebarang nilai positif atau negatif atau perpuluhan.
Terjemah mengalihkan elemen dengan piksel yang berkaitan dengan kedudukan asalnya. Nilai X secara mendatar manakala Y secara menegak apabila terdapat atribut putar ialah sifar.
Lencongkan objek pada gandar mendatar (X) atau menegak (Y).
Transformasi CSS Diterangkan
Sifat CSS transform membolehkan anda memutar, menskalakan, menyerong dan menterjemah elemen. Ia mengubah suai ruang koordinat model pemformatan visual CSS.
Definisi dan Penggunaan
Sifat transformasi menggunakan transformasi 2D atau 3D pada elemen. Sifat ini membolehkan anda memutar, menskala, mengalihkan, condong, dsb., elemen.
Sokongan Pelayar
Nombor dalam jadual menyatakan versi penyemak imbas pertama yang menyokong sepenuhnya harta tersebut.
Nombor diikuti dengan -webkit-, -moz-, atau -o- tentukan versi pertama yang berfungsi dengan awalan.
Sintaks
transform: none|transform-functions|initial|inherit;
