انیمیشن برای خارج شدن از hover در css

پرسش

سلام دوستان.

هنگام طراحی سایت با یه مشکل مواجه شدم اگر کسی کد اون رو میدونه بگه.

من میخوام وقتی کسی روی یک div موس رو ببره یا همون hover، انیمیشن اجرا بشه؛ این رو خودم میدونم اما میخوام وقتی که کاربر موس رو از روی div برداشت یه انیمشن دیگه اجرا بشه.

برای مثال وقتی کسی موس رو روی یه نگ a میبره opacity اون به ۰٫۵ کاهش پیدا کنه و وقتی که موس رو میبره کنار opacity دوباره یه ۱ برگرده (همراه با انیمیشن).
تشکر از همه.

 

حل شده 0
مهدی 2 هفته 2 پاسخ ها 90 بازدید کاربر جدید 0

پاسخ ها ( 2 )

  1. سلام

    هم با css میتونید انجام بدید، هم با javascript؛ که من هر دو نمونه رو براتون قرار میدم:

    • با CSS



    • با Js

    کد زیر، نیازمند کتابخانه jquery میباشد



    موفق باشید.

    بهترین پاسخ
  2. سلام.

    دستتون درد نکنه عالی بود. ظاهرا که با jquery بهتره. متشکرم.

نوشتن پاسخ