این سایت به کاربران امکان می‌دهد پرسشهای خود در زمینه طراحی وب با PHP و jQuery و CSS و MySQL و ... را مطرح یا به پرسش‌های دیگران پاسخ دهند.

4,035 پرسش

4,561 پاسخ

8,554 نظر

2,451 کاربر

کاربرد تگ transition در css چیست?

0 رای
سلام اطلاع دارم که وقتی متن یا دکمه رو hover می کنیم با این کد می تونیم چند ثانیه تاخیر بندازیم ولی اگر بخوایم وقتی موس رو از روی متن یا دکمه بر می داریم ; چند صانیه طول بکشه تا دکمه یا متن دوباره به حالت اولش برگرده باید از چه کدی استفاده کینم؟
پرسیده شد 10 ماه پیش در ساختاربندی صفحه توسط aref taker (امتیاز: 240)

1 پاسخ

0 رای
سلام. transition برای انیمیشن‌هاست که البته از ویژگی‌های css3 است و در براوزرهای مدرن (تقریبا 90 درصد کاربران) عمل میکنه.
زمانی که بخواید با رفتن موس، رنگ به آرومی تغییر کنه، کافیه transition رو در hover تعریف کنید (همانطور که نوشتید) یعنی:
a:hover{color:red;transition:color 1s ease;}

و اگر میخواهید که بعد از کنار رفتن موس از روی لینک، باز هم رنگ به آرامی برگردد، لازم است transition در خود لینک هم تعریف شود:
A{color:blue;transition:color 1s ease;}
پاسخ داده شد 10 ماه پیش توسط علیرضا استاد (امتیاز: 181,900)
بازنگری شد 10 ماه پیش توسط علیرضا

لطفا جهت درج پاسخ ، وارد شوید ویا ثبت نام نمایید.