[مشكلة] مشكلة معقدة css3 و javascript ممكن مساعدة

السلام عليكم و رحمة الله تعالى و بركاته

تابعوا معي الموضوع جيدا
لاني شخصيا بدات احس بالدوار من وصف المشكل او الاستفسار

حسنا لنبدا

1 وضعت صورة في صفحة html
2 اعطيت الصورة id="image1"
3 في صفحة css اعطيت العنصر الخاصية

rotate (360deg); و transition : all 3s ;

في #image1:hover

كل شيء تمام و رائع


المشكل او الاستفسار

ان هذا التاثير يقع بعد مرور mouse على الصورة طبعا هاته هي hover

استفساري هو : كيف اربط هذه الحركة بحدث event في javascript

حتى استطيع مثلا ان يقوم العنصر بالحركة دون حاجة للمرور فوق العنصر
و اربطها ب event سواء في جافاسكريبت او css3

احواني لو ممكن من تقدم لي بالمساعدة ان يكتب لي الكود مع الشرح لاني مبتدا في javascript




تحياتي اخواني







أكثر...