استایل چرخاندن لوگو با اشاره گر ماوس

نگار صادقی · خرداد 92

سلام. من همینطور داشتم تو نت میچرخیدم که به یک استایل بر خوردم که گفتم اینجا بزارم شاید به کار بعضی از دوستان بیاد.

با این کد میتونید لوگو سایت تون رو با بردن اشاره گر ماوس بچرخونید . احتمالا توی بعضی از سایت ها باید دیده باشید.

کدهاای استایل :


.logo {
    float:left;
    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
}
.logo:hover {
    -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);
}

کد فراخوانی : اینم توی جایی که میخان لوگو به نمایش دراد بزارید


<a class="logo"  href="http://www.morahem.com" target="blank"><img src="http://axgig.com/images/93671459972211082517.png" width="128px" height="128" /></a>

ورود

استایل چرخاندن لوگو با اشاره گر ماوس

پست های پیشنهاد شده

نگار صادقی 1025

لینک به ارسال

به گفتگو بپیوندید

فهرست بخش ها

فعالیت ها