• 1399/06/07

transition in css :

عرض سلام و خسته نباشید خدمت شما استاد عزیز.

ببخشید استاد ما transition رو وقتی استفاده میکنیم(مثلا در hover) فقط وقتی که اون مورد موردنظرمون رو اجرا میکنیم transition اجرا میشه و به محض اینکه از اجرای اون مورد دست بکشیم المان بدون هیچ انیمیشنی به حالت اولیه خودش برمیگرده.

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

درصورتی که من دیدم در هر صورت چه وقتی المان رو اجرا میکنیم چه وقتی از اجرا کردن المان دست میکشیم transition اعمال میشه.

میشه بگید چجوری میشه این مورد رو حل کرد؟!

  • 1399/06/07
  • ساعت 17:18

با سلام خدمت شما همراه عزیز

 

سرچ بفرمایید دقیقا همین موردی که برای بنده فرمودید مطمنا به جواب مناسبی میرسید


  • 1399/06/07
  • ساعت 17:42

استاد سایت w3schools و دولوپر  رفتم ولی همچین چیزی پیدا نکردم.  کلیدواژمم transition ended in css بود.

میشه خودتون سایت معرفی کنید؟!


  • 1399/06/07
  • ساعت 17:45

فقط یک مورد بود که نوشته بود  webkit-transition- ولی اثر نکرد!


  • 1399/06/07
  • ساعت 18:03

https://www.google.com/search?q=css+transition+mouse+leave&rlz=1CDGOYI_enIR779IR779&oq=mouae+leave+tran&aqs=chrome.1.69i57j0l2.5553j0j4&hl=en-US&sourceid=chrome-mobile&ie=UTF-8


  • 1399/06/07
  • ساعت 18:15

خیلی ممنون استاد


  • 1399/06/07
  • ساعت 18:21

سلامت باشید


logo-enamadlogo-samandehi