سلام بنده یک عنصر دارم که قصد دارم هربار ماوس روش هاور شد کلمه بستن نمایش داده بشه و هربار ماوس رو از روی عنصر خارج میکنم کلمه بستن غیب بشه
با onmouseover و onmouseout اینکار رو کردم اما مشکلی که هست
برای ظاهر شدن کلمه بستن با css دیلی و duration تعریف کردم (animation) و این باجاوا ظاهرا در تضاده
به طوری که وقتی هنوز صد در صد ظاهر نشده عمل خارج شدن ماوس از روی اون انجام میشه و این فرایند هی تکرار میشهو کلمه بستن نصفه نیمه هی ظاهر و غیب میشه
کسی میدونه باید چکار کرد؟
سلام ، امیر جان برای ساخت انیمیشن هاور کردن روی یک المنت از انیمیشن استفاده نمیشه! (خیلی راحت با CSS میشه حلش کرد)
کافیه از transition و :hover استفاده کنین.
// این مثلا دکمه شما هستش
.btn {
background-color:white;
transition: background-color 1s;
}
//اینجا وقتی هاور شد
.btn:hover{
background-color:gray;
}
به این دلیل از انیمیشن استفاده کردم که وقتی که ظاهر شد از سمت چپ خودش 50% فاصله بگیره و وسط بیوفته
1s هم duration گذاشتم
توی این فاصله 1s اگر ماوس روش حرکت داده بشه دوباره و دوباره فرایند هاور اتفاق میوفته
کلمه بستن هی جا به جا میشه میخوام کاری کنم که همچین اتفاقی نیوفته یعنی
کلمه بستن بعد از وسط قرار گرفتن ,,
OnMousOut بشه
با css به تنهایی فکر نکنم همچین چیزی امکان پذیر باشه
آیا مایل به ارسال نوتیفیکیشن و اخبار از طرف راکت هستید ؟