سوال در رابطه با دستور hover در Css

[Masoud Sj]

باسلام خدمت دوستان عزیز....
بنده ی سوال در رابطه با دستور "hover"در Css داشتم....
چطور میشه به دستور "hover"تایم داد !؟
-برای مثال:
ما میخوایم با آمدن موس بر روی یک "div" رنگ بک گراند اون رو عوض کنیم...
اما این کار ب صورت خیلی سریع انجام میشه .. میخوام بدونم ک چطور میشه ب این دستور یک زمان بدیم..
ممنون میشم راهنماییم کنید...

[پیام حیاتی]

سلام
Transition:5s;

[ABZiko]

نوع حالت transition رو هم می تونید تغییر بدید :


transition:ease 500ms;


به جای ease می توانید از چیز های دیگه هم استفاده کنید، یک سرچ بزنید همش می آد.

[Masoud Sj]

من خودم اینو قبلا استفاده کرده بودم عمل میکرد ولی الان عمل نمیکنه همون حالت عادی خودشو انجام میده...
ینی hover همون تایم پیشفرض خودش روداره (درحالی ک دستور transition رو هم توی سی اس اس دارم)

کد من اینطوریه...:

#keyhed{width:50px;
height:100%;
background:linear-gradient(#FFF,#CCC);
color:#000;
text-align:center;
display:inline-table;
}

#keyhed:hover{width:50px;
height:100%;
background:linear-gradient(#C00,#F00);
color:#000;
text-align:center;
display:inline-table;
transition:ease 500ms;
}
______________________
این ها رو برای یک div نوشتم...

[پیام حیاتی]

عزیز transition رو باید در div اصلی قرار بدید نه hover.

[ABZiko]

البته امکانش هم هست که با مرورگر دیگه ای کار می کنید که باید -moz- و ... رو وارد کنید.(البته در حال حاضر مشکل اصلی شما همون چیزی هست که آقای حیاتی گفتند) البته مشکلی نداره که توی hover بزارین ها، ولی موقعی که موس از روی دکمه یا ... می آد این ور اون Transition اجرا می شه.

[Masoud Sj]

هم عبارت -moz-رو اضافه کردم ... ک قبلا تست کرده بودم
و هم این ک توی div اصلی گذاشتم....اما کار نکرد

-ضمیمه:
تو مرورگر های کروم - موزیلا اوپرا حتی آی ای هم تست کردم...