مشکل با css انیمیشن

[yasharhi]

نمایش نامناسب انیمیشن در سایت
من از انیمیشن در سایتم استفاده کردم و یه مشکلی داره و اونم اینه که به خوبی به نمایش در نمی آد و حالت قطع و وصلی !! داره
http://growbs.ir/New%20folder%20%282%29/index4%20-%20Copy.html

قسمت :
the first example Those resets are available for medium and large grid tiers only, since they start only at the (second) small grid tier. See this in action in the grid example.

[yasharhi]

کسی نمی دونه مشکل چیه ؟

[Omid Jackson]

کد رو ندید من به شما میگم وقتی hover میشه شما گفتین مثلا انیمیشن رو اضافه کنه روی اون دیو، اونوقت تا این میره پایین از hover در میاد برا همین قطع و وصل میشه
لطفا کد بذارین تا بهتون بگم چرا اینجوری میشه، البته الآن کد ها رو نگاه کردم، کلاس slideUp دارین که اولا یکم باید روی HTML کار بشه یعنی بذارینش داخل یک دیو که وقتی موس رفت روی اون دیو این انیمیشن slideUp شروع به کار کنه
شما گفتین slideUp:hover بعد انیمیشن رو اضافه کردین
.slideUp:hover {
animation-duration: 1s;
animation-name: slideUp;
animation-timing-function: ease;
visibility: visible !important;
}



ولی شما یک تگ پدر بدین بهش مثلا با کلاس fSlideUP بعد کلاستون رو به این تغییر بدین:
.fSlideUp:hover .slideUp {
animation-duration: 1s;
animation-name: slideUp;
animation-timing-function: ease;
visibility: visible !important;
}



دلیلش هم این هست که تگ پدر ثابت هست و با روی اون رفتن تگ فرزند شروع به حرکت میکنه و همون hover میمونه ولی توی کار شما تا hover میشه با جابجا شدن از حالت hover در میاد

[Omid Jackson]

این هم یه نمونه اصلاح شده کد خودتون که ببینین داستان چیه
http://jsfiddle.net/Blend_Design/GW3PT/