Normal Mod | Çizgisel Mod

**dede** · (En son düzenleme: 08-01-2012 16:20 dede.)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<style type="text/css"> 

div

{

width:100px;

height:75px;

background-color:red;

border:1px solid black;

}

div#div2

{

transform:skew(30deg,20deg);

-ms-transform:skew(30deg,20deg); /* IE 9 */

-moz-transform:skew(30deg,20deg); /* Firefox */

-webkit-transform:skew(30deg,20deg); /* Safari and Chrome */

-o-transform:skew(30deg,20deg); /* Opera */

}

</style>

</head>

<body>



<div>Merhaba ben doğru aşağıdaki eğri kutu :)</div>



<div id="div2" style="position:relative; left:20px; top:50px"></div>



</body>

</html>

transform: skew(30deg,20deg); Parametlerel sıra ile x ekseni y ekseni

Kodun çıktısı ekte

Benzer Konular...
Konu:		Yazar	Cevaplar:	Gösterim:	Son Mesaj
	Css3 text effects yazıya gölge verme	dede	0	51	08-01-2012 03:08 Son Mesaj: dede
	Css3 kutulara gölge verme	dede	0	37	08-01-2012 02:28 Son Mesaj: dede
	Css3 border-radius kutuların köşelerini yuvarlama	dede	0	91	08-01-2012 02:21 Son Mesaj: dede