تغییر رنگ متن در زمان مشخص

[yasharhi]

من میخواهم رنگ متن به زمان مشخص مثلا در عرض نیم ثانیه عوض بشه ، مثال هدر قالب زیر :


http://demo.rextheme.com/lawui/index.html


همان طور که در عکس زیر هم مشاهده می کنید با رفتن بر روی متن رنگ اون در کمتر از 1 ثانیه عوض میشه

http://uupload.ir/files/kuke_11.png

البته می دونم که با کد زیر میشه رنگ متن رو هنگام هاور عوض کرد ، ولی میخواهم این کار رو در طی نیم ثانیه انجام بده


h5{
color: #000;

}


h5:hover{
color: #FF0;

}

[siros1983]

وقتی hover میشه یعنی نیم ثانیه طول بکشه؟
transition:all 0.5s ease in;

[yasharhi]

وقتی hover میشه یعنی نیم ثانیه طول بکشه؟
transition:all 0.5s ease in;

ممنون دوست عزیز
ولی با تغییر کد به شکل زیر هیچ تغییری نکرد

h4:hover {
color: #F00;
transition:all 3s ease in;
}

[frednasri]

من میخواهم رنگ متن به زمان مشخص مثلا در عرض نیم ثانیه عوض بشه


سلام.

اینو امتحان کنید که تغییر رنگ ظرف مدن نیم ثانیه تکمیل میشه:

h4:hover {
color: #F00;
transition: color 0.5s;
}

و یا اینکه از این دو تا کد استفاده کنید:

h4 {
transition: all 0.5s ease 0s;
}

h4:hover {
color: #F00;
}

موفق باشید.

[پیام حیاتی]

transition رو در بلاک hover نباید قرار بدید ، در بلاک اصلی قرار بدید.

[siros1983]

من قرار دادم کاملا کار میکنه

h4{
color:blue;
transition:all 0.5s ease-in;
}

h4:hover{
color:red;
}