با قرار گرفتن موس روی لبه پایینی زیر منو منو دچار لرزش می‌شود

[bftarane]

سلام.
لطفاً منوی زیر رو تست کنید.
http://www.red-team-design.com/wp-content/uploads/2011/11/css3-animated-dropdown-menu-demo.html

وقتی با فایرفاکس 23، موس روی لبه پایینی زیرمنوها قرار میگیره
یعنی جایی که در شکل زیر با رنگ قرمز مشخص کردم
110987
یه حالت لرزش پیدا می کنه
با کروم امتحان کردم این حالت خیلی نامحسوسه

دلیل این مسئله چیه؟
http://barnamenevis.org/images/misc/pencil.png

[anarshia]

به گمان من مشکل از transition در این قسمت هست


#menu ul { background: linear-gradient(#444444, #111111) repeat scroll 0 0 transparent; border-radius: 3px; box-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3); left: 0; margin: 20px 0 0; opacity: 0; position: absolute; top: 38px; transition: all 0.2s ease-in-out 0s; visibility: hidden; z-index: 1;}

[2undercover]

مشکل به خاطر انیمیشنی هست که منو داره. یعنی وقتی ماوس میره کنار زیر منو هم زمان با محو شدن به سمت پایین هم میاد که همون پایین اومدن باعث میشه ماوس دوباره روی زیر منو بیاد و زیر منو می خواد دوباره با سمت بالا بره و نمایش داده بشه اما چون به سمت بالا میره ماوس از روی زیر منو میره کنار و دوباره این اتفاق تکرار میشه!

[bftarane]

ممنون از دوستانی که پاسخ دادن.
این کدها رو حذف کردم مشکل حل شد
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;

[tadayoni]

ممنون از دوستانی که پاسخ دادن.
این کدها رو حذف کردم مشکل حل شد
-webkit-transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;

فکر میکنم در این حالت باید حالت انیمیشنی حذف شده باشه . درسته ؟