یک سوال فوری برای transform

[ABZiko]

سلام، یک سوال داشتم، من می خوام وقتی کاربر روی عنصری هاور کرد، عنصر بچرخه مثلا 360 درجه، تا این جاش مشکلی نیست ولی نمی خوام وقتی که 360 درجه چرخید برگرده به حالت اولش و همون جا بمونه. (یعنی در واقع وقتی که موس از روش برداشته شد دیگه به -360 درجه نچرخه و به حالت اولیه بر نگرده) چی کار کنم؟

[دانیال دزفولی]

ترنسیشن رو بذار توی هاور

[ABZiko]

Thank you Daniel !

[godofphp]

ترنسیشن رو بذار توی هاور
جان ؟ چی شد آقا ! بگید ما هم بفهمیم اگه درست شد

[Mori Bone]

جان ؟ چی شد آقا ! بگید ما هم بفهمیم اگه درست شد
بجای اینکه transition رو داخل استایل اصلی شی بگذاریم، داخل استایل hover یعنی :hover می گذاریم:
بجای:
#a {
transition-duration: 1s;
}
از کده زیر استفاده کنید:
#a:hover {
transition: rotate(183deg);
transition-duration: 1s;
}

[godofphp]

بجای اینکه transition رو داخل استایل اصلی شی بگذاریم، داخل استایل hover یعنی :hover می گذاریم:
بجای:
#a {
transition-duration: 1s;
}
از کده زیر استفاده کنید:
#a:hover {
transition: rotate(183deg);
transition-duration: 1s;
}
اما هیچ فرفی نداره عنصر بعد از اینکه ماوس از روش رفت بر میگرده حالت اولش این کد رو ببین
نمونه (http://jsfiddle.net/Lehbf1u4/14/)

[دانیال دزفولی]

http://jsfiddle.net/Lqnm4bbf/

[ABZiko]

اما هیچ فرفی نداره عنصر بعد از اینکه ماوس از روش رفت بر میگرده حالت اولش این کد رو ببین
نمونه (http://jsfiddle.net/Lehbf1u4/14/)
اگر دقت کنید خیلی فرق می کنن شما اگر در حالت عادی برای transform ترنسیشن در نظر نگیرید در اصل می چرخه ولی شما به دلیل هیچ گونه مدت زمان انتقالی نمی بینید و در این سوال هم اگر شما مشخص کنید که فقظ در هاور بچرخه و زمان داشته باشه به پرستی می چرخه ولی چون ژمان انتقال فقط در هاور هست برگشتش رو نمی بینید

[godofphp]

http://jsfiddle.net/Lqnm4bbf/
در کل برگشت سرجای خودش از بین نرفته
شما اگه این 360 درجه رو بکنی 350 درجه میبینی که عنصر همونجا ثابت نمیمونه در حقیقت برمیگردی به حالتی که بوده ولی چون 360 درجه همون جای اول خودشه این تغییر حس نمیشه که عنصر بر میگرده سر جای خودش