Transform Özelliği
transform özelliği, bir elementin döndürme,
ölçeklendirme,
eğme,
öteleme
ve diğer dönüşümlerini belirler. İlgili dönüşümler boşlukla
ayrılarak yazılır:
seçici {
transform: rotate(30deg) scale(3);
}
Örnek
Bu örnekte blok saat yönünde 30
derece döndürülmüştür:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Örnek
Bu örnekte döndürmeye ek olarak bir de eğme eklenmiştir:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
Örnek
Bu örnekte döndürme ve eğmeye ek olarak ölçek değişikliği de eklenmiştir:
<div id="elem">lorem ipsum</div>
#elem {
transform: rotate(30deg) skew(20deg) scale(2, 3);
border: 1px solid black;
width: 100px;
height: 50px;
}
:
