transform: ; Html elementinin 2D veya 3D dnüştürme özellikelrini belirler.

<aside> ⚠️ w3c ye göre transform özelliğini kullanıcaksak prefiksleri kullanmamız gerekmektedir.prefiksler(-webkit-,-moz-,-o-,-ms-): -webkit-transform: ; -moz-transform: ; -o-transform: ; -ms-transform: ; transform: ;

</aside>

transform-origin:

transform-origin: özelliği ile html elementinin merkezini belirtiriz. Aldığı parametreler center,top,right,bottom,left veya sayısal değer.

transform-origin:center	;
/* Html elementinin dönüşüm merkezini elemetin merkezi olarak atadık bu zaten varsayılan değerdir */

transform-origin:1000px 600px	;
/* Html elementinin merkezini belirler. */

transform-origin:left	;
/* Html elementinin dönüşüm merkezini elemetin sol köşesi olarak değiştirdik */

transform-style:

transform-style: dönüşüm stili iki farklı şekilde olabilir → flat ve preserve-3d ;

• flat; → 2D görüntü sağlıyor.
• preserve-3d; → 3D görüntü sağlıyor / Çok iyi bunu kullan 3D lerde /

backface-visibility:

Belirtilen Html elementinin dönüştürme ,geçiş veya animasyon işlemlerinde arka yüzeyinin görüntülenme veya gizlenme özelliklerini belirler. İki farklı parametre alabilir → visible ve hidden.

backface-visibility:visible;	
/* dönüştürme sırasında elementin arka yüzünü gösterir. */

backface-visibility:hidden;
/* dönüştürme sırasında elementin arka yüzünü gizler. */

translate();

skew();

scale();

rotate();