Tembel insanlar için CSS Dönüşümü üreteci.
Ölçeği ayarlayın, döndürün, çevirin ve eğriltin ve istediğiniz görünümü elde etmek için canlı önizlemeyi izleyin.
Önizleme, ayarlar panelini kapsayabileceğinden, eğri özelliği için aşırı değerler ayarlamaktan kaçının. Bu durumda sayfayı yenilemeniz gerekecektir.
Ölçekle, Döndür, Çevir ve Eğ
Ölçek, hedeflenen öğeyi yakınlaştırıp uzaklaştırdığınız gibi çalışır. Varsayılan ölçek değeri, orijinal boyutun çarpanı olarak çalışan 1'dir. Bu, 0,5'in yarıya, 2'nin ise bölümü ikiye katladığı anlamına gelir.
Derece olarak ayarlanmış ikinci özellik ile öğeyi saat yönünde döndürün. 180° döndürme nesneyi ters çevirir, 360° döndürme ise orijinal dik konumuna geri döner. Herhangi bir pozitif veya negatif değeri ve hatta ondalık sayıları ayarlayın.
Çevir, öğeyi orijinal konumuyla ilişkili piksellerle kaydırır. X değeri yatay, Y dikey olarak döndürme özelliği olduğunda sıfırdır.
Nesneleri yatay (X) veya dikey (Y) eksenlerinde eğin.
CSS dönüşümü Açıklaması
transform CSS özelliği, bir öğeyi döndürmenize, ölçeklemenize, eğmenize ve çevirmenize olanak tanır. CSS görsel biçimlendirme modelinin koordinat alanını değiştirir.
Tanım ve Kullanım
transform özelliği, bir öğeye 2B veya 3B dönüştürme uygular. Bu özellik, öğeleri döndürmenize, ölçeklemenize, taşımanıza, eğmenize vb.
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
-webkit-, -moz- veya -o- ile takip edilen sayılar, bir önekle çalışan ilk sürümü belirtir.
Sözdizimi
transform: none|transform-functions|initial|inherit;
