الأحد، 30 يونيو 2013

كود عمل دوران متحرك للصورة css


السلام عليكم

اليوم جبتلكم طريقة عمل دوران متحرك للصورة 

طبعا رح تدور الصورة عند مرور الماوس


نضيف في منطقة الـ Head الكود التالي


 <style type="text/css">
img.rotate:hover {transform: rotate(360deg);-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);-webkit-transition-duration: 1s;-moz-transition-duration: 1s;-o-transition-duration: 1s;-ms-transition-duration: 1s;transition-duration: 1s; }</style>
  

ونضيف هذا الكود في منطقة Body ونعدل اللازم 

   <img src="مسار الصورة" class="rotate" >





ليست هناك تعليقات:

إرسال تعليق