تصاویرتان را ۳۶۰ درجه بچرخونید

[hamid_kha]

سلام خدمت دوستان گرامی
یه مثال از Css3 هست که بدردتون میخوره
نحوه استفاده:
کافی هست که به اون عنصری که میخواین این افکت اعمال بشه
کلاسی با نام .rotate نسبت بدید
به این صورت:


<span class="rotate">
.
.
.
.
</span>
و اینم Css:


.rotate{ transition-property:transform; transition-duration:1s; -moz-transition-property:-moz-transform; -moz-transition-duration:1s; -webkit-transition-property:-webkit-transform; -webkit-transition-duration:1s; -o-transition-property:-o-transform; -o-transition-duration:1s; z-index:10 }
.rotate :hover{ opacity:1; -webkit-transition : all 0.4s ease-in-out; -moz-transition : all 0.4s ease-in-out; -o-transition : all 0.4s ease-in-out; -moz-transform: scale(1) rotate(360deg) translate(0px, 0px) skew(0deg, 0deg); -webkit-transform: scale(1) rotate(360deg) translate(0px, 0px) skew(0deg, 0deg); -o-transform: scale(1) rotate(360deg) translate(0px, 0px) skew(0deg, 0deg); -ms-transform: scale(1) rotate(360deg) translate(0px, 0px) skew(0deg, 0deg); transform: scale(1) rotate(360deg) translate(0px, 0px) skew(0deg, 0deg); }

:چشمک: