css transform skew özelliği ile nesneyi eğip bükme

Css Transform skew kodu ile bir nesneyi eğip bükebiliriz

<style>
.golge{
    border:1px solid #009;
    width:180px;
    height:50px;
    color:#003;
    text-align:center;
    line-height:30px;
    padding:10px;
    background-color:#096;
    transform: skew(10deg, 0deg);
    -moz-transform: skew(10deg, 0deg);
    -webkit-transform: skew(10deg, 0deg);
margin-top:40px;
margin-left:20px;
    }
</style>

<div class="golge">css transformskew (Eğme) ÖZELLİĞİ </div>
 

Programın Çıktısı

css transformskew (Eğme) ÖZELLİĞİ


Mesaj ve Yorumlar

Yorum Sayısı (0)

ÜYE YORUMLARI

Çevrimiçi :
9
Günlük :
108
Haftalık :
352
Aylık :
1141
Copyright © 2010 İşbara Alp Sönmez – Programlama Örnekleri. Her hakkı saklıdır. www.alpsonmez.com Bu sitedeki herhangi bir içeriğin, "herhangi bir sitede veya forumda" iznim dışında paylaşım yapılması durumunda hukuki dava açacağımı tarafınıza arz ederim. "Öğrenciler dilediği gibi kullanabilir."