کد لوگو

**9000001** · January 27th, 2014, 07:53

سلام همه دیگه کد چرخش لوگو رو می شناسید یه مشکلی هست که میخوام از شما بپرسم چطور میشه کاری کرد که وقتی موس از روی لوگو کنار میره بازم لوگو تا همون مقدار تایین شده بچرخه
یعنی وقتی موس روی لوگو رفت ولوگو شروع به چرخیدن مثلا 200 کرد وقتی موس ازش برداشته شد بازم به حرکتش ادامه بده تا 200 در جه رو برسه

**ToooPDL** · January 27th, 2014, 08:16

class یا id مورد نظر توی css رو کپی کنید و جلوش یه :hover بزارید
مثال :

کد:

.class {

}

.class:hover {

}

**9000001** · January 27th, 2014, 08:30

ببخشید یعنی همین کد بالا رو رو بزارم در کد چرخش لوگو

**ToooPDL** · January 27th, 2014, 09:21

شما گفتی کد چرخش ( 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);
}

**9000001** · January 27th, 2014, 13:36

سلام ببخشید من زیاد وارد نیستم این کد لوگوی منه الان میخوام وقتی موس میره کنار خودش برگرده به حالت اولش

<html>

**9000001** · January 27th, 2014, 16:43

ممنون و تشکر استاد

موضوع: کد لوگو

ابزارهای موضوع

نحوه نمایش موضوع

کد لوگو

پاسخ : کد لوگو

پاسخ : کد لوگو

پاسخ : کد لوگو

پاسخ : کد لوگو

پاسخ : کد لوگو

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

مجوز های ارسال و ویرایش