hover و تغییر رنگ لینک ها

[هزاره سوم]

میخواستم بدونم چطور وقتی موس بر روی لینکی رفت رنگ لینک خیلی آروم تغییر کنه..
فکر کنم با جی کوئری اینطور بشه..
چه کدی باید بنویسم؟؟

[omidabedi]

مثلا:
استایل تگ a:

a {
color:blue;
}


استایل mouse over:

a:hover{
color:navyblue;
transition: 2s ease;
-webkit-transition: 2s ease;
}

این الان در طول مدت 2 ثانیه تغییر رنگ میده

[2undercover]

مثلا:
استایل تگ a:

a {
color:blue;
}


استایل mouse over:

a:hover{
color:navyblue;
transition: 2s ease;
-webkit-transition: 2s ease;
}

این الان در طول مدت 2 ثانیه تغییر رنگ میده

البته چون توی این کد Transition توی کلاس کاذب hover تعریف شده فقط وقتی ماوس روی لینک میره رنگ به آرومی تغییر می کنه ولی وقتی ماوس از روی لینک کنار میره یکباره رنگ لینک تغییر می کنه!

[هزاره سوم]

خیــــــــــــلی ممنون..همین رو میخواستم

[هزاره سوم]

البته چون توی این کد Transition توی کلاس کاذب hover تعریف شده فقط وقتی ماوس روی لینک میره رنگ به آرومی تغییر می کنه ولی وقتی ماوس از روی لینک کنار میره یکباره رنگ لینک تغییر می کنه!

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

[omidabedi]

خوب دیگه اینجوری میکنیم:

a {
color:blue;
transition: 2s ease;
-webkit-transition:2s ease;
}