Generator Transform CSS untuk orang malas.
Atur skala, putar, terjemahkan, dan condongkan dan tonton pratinjau langsung untuk mendapatkan tampilan yang diinginkan.
Hindari menyetel nilai ekstrem untuk properti skew karena pratinjau mungkin menutupi panel setelan. Dalam situasi ini Anda harus me-refresh halaman.
Skala, Putar, Terjemahkan, dan Miring
Skala berfungsi seperti Anda memperbesar dan memperkecil elemen yang ditargetkan. Nilai skala default adalah 1, yang berfungsi sebagai pengganda dari ukuran aslinya. Ini berarti bahwa 0,5 membagi dua sementara 2 menggandakan bagian.
Putar elemen searah jarum jam dengan properti kedua yang diatur dalam derajat. Berputar dengan 180 ° menempatkan objek terbalik sementara 360 ° mengambil kembali ke posisi tegak semula. Tetapkan nilai positif atau negatif atau bahkan desimal.
Terjemahan menggeser elemen dengan piksel yang terkait dengan posisi aslinya. Nilai X secara horizontal sedangkan nilai Y secara vertikal saat ada atribut putar adalah nol.
Miringkan objek pada sumbu horizontal (X) atau vertikal (Y).
Transformasi CSS Dijelaskan
Properti transformasi CSS memungkinkan Anda memutar, menskala, memiringkan, dan menerjemahkan elemen. Ini memodifikasi ruang koordinat dari model pemformatan visual CSS.
Definisi dan Penggunaan
Properti transform menerapkan transformasi 2D atau 3D ke elemen. Properti ini memungkinkan Anda untuk memutar, menskala, memindahkan, memiringkan, dll., elemen.
Dukungan Peramban
Angka-angka dalam tabel menentukan versi browser pertama yang sepenuhnya mendukung properti.
Angka yang diikuti oleh -webkit-, -moz-, atau -o- menentukan versi pertama yang berfungsi dengan awalan.
Sintaksis
transform: none|transform-functions|initial|inherit;
