نمایش نسخه قابل چاپ
سلام همه دیگه کد چرخش لوگو رو می شناسید یه مشکلی هست که میخوام از شما بپرسم چطور میشه کاری کرد که وقتی موس از روی لوگو کنار میره بازم لوگو تا همون مقدار تایین شده بچرخه
یعنی وقتی موس روی لوگو رفت ولوگو شروع به چرخیدن مثلا 200 کرد وقتی موس ازش برداشته شد بازم به حرکتش ادامه بده تا 200 در جه رو برسه
class یا id مورد نظر توی css رو کپی کنید و جلوش یه :hover بزارید
مثال :
کد:.class {
}
.class:hover {
}
ببخشید یعنی همین کد بالا رو رو بزارم در کد چرخش لوگو
شما گفتی کد چرخش ( rotate ) لوگو رو داری
حالا میخوای وقتی ماوس از روش رفت کنار ، دوباره بچرخه سر جاش . درسته ؟
اینطوری استفاده کن شما :
کد:.class {
background:url(images/logo.png) no-repeat;
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;
}
.class: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);
}
سلام ببخشید من زیاد وارد نیستم این کد لوگوی منه الان میخوام وقتی موس میره کنار خودش برگرده به حالت اولش
<html>
ممنون و تشکر استاد