01-Transform2D.html
Dosyayı İndir
<html>
<head>
<style>
.commonDiv{
border:1px solid black;
background-color:yellow;
position:absolute;
width:100px;
height:100px;
left:50px;
top:50px;
}
.translatedDiv{
transform:translate(125px,125px);
}
.skewedDiv{
transform:translate(250px,0px) skew(20deg,20deg);
}
.rotatedDiv{
transform:translate(0px,250px) rotate(45deg);
}
.scaledDiv{
transform:translate(250px,250px) scale(2.8,0.7);
}
</style>
</head>
<body>
<br/>
<div class="commonDiv">
Buras� d�z b�l�m. Buras� d�z b�l�m. Buras� d�z b�l�m.
</div>
<br/>
<div class="translatedDiv commonDiv">
Buras� �telenmi� b�l�m. Buras� �telenmi� b�l�m.
</div>
<br/>
<div class="skewedDiv translatedDiv commonDiv">
Buras� �arp�k b�l�m. Buras� �arp�k b�l�m.
</div>
<br/>
<div class="rotatedDiv translatedDiv commonDiv">
Buras� d�nm�� b�l�m. Buras� d�nm�� b�l�m.
</div>
<br/>
<div class="scaledDiv translatedDiv commonDiv">
Buras� �l�eklenmi� b�l�m. Buras� �l�eklenmi� b�l�m.
</div>
<br/>
</body>
</html>
Dosyayı İndir 