7 پست در این موضوع قرار دارد

با سلام

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

اما مشکلش اینه که وقتی موس رو برمیدارم ی دفعه ای برمیگرده سر جای اصلیش!!میخوام کاری کنم که آروم برگرده سر جاش،باید چی کار کنم؟ممنون

این کدشه:


.block2:hover{
background: url('images/link.png') no-repeat left center #faff84;
-ms-transform: rotate(10deg); /* IE 9 */
-webkit-transform: rotate(10deg); /* Safari and Chrome */
-o-transform: rotate(10deg); /* Opera */
-moz-transform:rotate(10deg); /* Firefox */
transform: rotate(10deg);
-ms-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

به اشتراک گذاری این پست


لینک به پست

سلام.

مقدار 1s رو در transition ها بیشتر کنید. مثلا (3s)

به اشتراک گذاری این پست


لینک به پست

مقدار transition را به hover ندید به خود لایه بدید


.block2 {
-ms-transition: all 1s ease-in-out;
-webkit-transition: all 1s ease-in-out;
-o-transition: all 1s ease-in-out;
-moz-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}
.block2:hover{
background: url('images/link.png') no-repeat left center #faff84;
-ms-transform: rotate(10deg); /* IE 9 */
-webkit-transform: rotate(10deg); /* Safari and Chrome */
-o-transform: rotate(10deg); /* Opera */
-moz-transform:rotate(10deg); /* Firefox */
transform: rotate(10deg);
}

به اشتراک گذاری این پست


لینک به پست

واییی ممننوم استاد عزیز ^_^

خیلی خوب شد،متشکر

به اشتراک گذاری این پست


لینک به پست

دوستان تو جی کوئری وقتی رو mousemove یه عکس افکت میدیم برا برگشتش به غیر از که رو mousemove تگ پدر افکت رو بر گردونیم روش دیگه ای هم هست؟ :)

به اشتراک گذاری این پست


لینک به پست

خیر

مگر اینکه از متد hover استفاده کنید

به اشتراک گذاری این پست


لینک به پست

دوستان تو جی کوئری وقتی رو mousemove یه عکس افکت میدیم برا برگشتش به غیر از که رو mousemove تگ پدر افکت رو بر گردونیم روش دیگه ای هم هست؟ :)

همونطور که فرمودند مگر با hover افکت بدید یا با mouseover که برای برگشتش هم mouseout رو می تونید استفاده کنید

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط koolfayfer
      سلام به همه
      من یه div دارم که پیشفرض به سمت راست میچرخه به مدت نامحدود
      وقتی روش هاور میشی به اندازه یک ثانیه معکوس به سمت چپ میچرخه یه بار!
      حالا اگه کسی بیشتر از یک ثانیه هاور بمونه انیمیشن چرخش اولیه به خاطر وجود انیمیشن هاور stop میشه و میخوام اگه در css ترفندی هست بعد از گذشت یک ثانیه هاور شدن آنهاور بشه یا هر چیز دیگه که باعث بشه انیمیشن پیشفرض کار کنه
      اگه css نبود کسی با جیکوئری میدونه؟
    • توسط mtheme
      سلام دوستان میخواستم کد هاور داشته باشم مثل منو های http://pocketgames.ir/ (نرم و اروم اروم هاور بشن ) دوستان کمک کنند ممنون میشم
    • توسط clomer
      -فرم تماس با ما ترجمه شده با امکانات زیاد و امنیت بالا
      -خطا های متعدد
      -کد امنیتی
      -موضوع پیام برای گرو های مختلف
      -کم حجم
      فقط ایمیلتونو جایگزین کنید .
      قیمت 6 هزار تومان
      دموی انلاین
      اگه خواستید بخرید همین جا پست بزارید
    • توسط Guney


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



      امروز برای شما فرم زیبایی رو گذاشتیم با این فرم شما می توانید کادر عضویت در خبرنامه فیدبرنر خود را بسیار زیبا کنید



      آموزش طراحی خیلی راحت این فرم در پکیج قرار داده شده است



      پیش نمایش :







      لینک دریافت :
      http://ataghalam.com/?p=445
    • توسط Guney


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



      امروز برای شما فرم زیبایی رو گذاشتیم با این فرم شما می توانید کادر عضویت در خبرنامه فیدبرنر خود را بسیار زیبا کنید



      آموزش طراحی خیلی راحت این فرم در پکیج قرار داده شده است



      پیش نمایش :







      لینک دریافت :
      http://ataghalam.com/?p=445