หน้าเว็บ

วันศุกร์ที่ 20 กรกฎาคม พ.ศ. 2555

การหมุนภาพด้วย css (less)

less
.rotate(@radius : 45deg){
    -ms-transform:rotate(@radius); /* IE 9 */
    -moz-transform:rotate(@radius); /* Firefox */
    -webkit-transform:rotate(@radius); /* Safari and Chrome */
    -o-transform:rotate(@radius); /* Opera */
}
การเรียกใช้งาน
.rotate(180deg);
.rotate; /* 45deg by defult */
.rotate(-90deg);

div.close{
    background-image : url('../images/close-icon.png');
    background-position : 0px 0px;
    .rotate(45deg);
}

ไม่มีความคิดเห็น:

แสดงความคิดเห็น