تاخیر در در انجام دستور CSS

[alireza1375 892]

همگی با این کد آشنا هستید.

-webkit-transition: all 2s;  
-moz-transition: all 2s; 
-o-transition: all 2s; 
transition: all 2s;

این کد برای تاخیر در انجام دستور css است.حالا این دوستور مربوط به زمانی است که موس روی یک قسمت می رود و دستور با 2s تاخیر آغاز می شود.حالا می خواهم وقتی موس از روی آن قسمت رفت این تاخیر انجام شود.منظورم این است که زمانی که موس از روی آن قسمت رفت با تاخیر 2s استایل به حالت اولیه خود برگردد.برای این کار باید چه کار کنم؟

[Farzad 3805]

چیزی که میگین، Delay هست و با کد زیر قابل تعریفه :

animation-delay: 1s;

#

[Alireza Xn 1644]

خوب شرط رو برای قبل از هاور شدن و کلاس اصلی قرار بدید کاری نداره که !

مثال :

#tag a {
color: #626262;
-webkit-transition: all 1s; 
-moz-transition: all 1s; 
-o-transition: all 1s; 
transition: all 1s;

}
#tag a:hover {
color: #08a6eb;
}

نمونه آنلاین