أحلى الشبكات الإجتماعية

انشاء منتدى مجاني



المواضيع الأخيرة
»  كود jQuery [ تأثير الماوس على الصور ** اشعاع ** ]
الجمعة يوليو 19, 2013 12:04 pm من طرف بہحہبگ يہأ مہجہنہونہة

»  [JavaScript] رسالة تظهر قبل الدخول للدردشة
الجمعة يوليو 19, 2013 11:56 am من طرف بہحہبگ يہأ مہجہنہونہة

»  كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية
الجمعة يوليو 19, 2013 11:49 am من طرف بہحہبگ يہأ مہجہنہونہة

» صيانة شاملة للمنتديات يوم الخميس 22 محرم 1434
الجمعة يوليو 19, 2013 11:37 am من طرف الزعيم

» صيانة أحد النطاقات الخاصة بأحلى منتدى
الجمعة يوليو 19, 2013 10:19 am من طرف بہحہبگ يہأ مہجہنہونہة

»  طريقة أزالة السطر من تحت أسماء الأعضاء
الجمعة يوليو 19, 2013 2:57 am من طرف الزعيم

»  كود css لوضع خلفيه لزر أرسل مساهمتك للنسخة 2
الجمعة يوليو 19, 2013 2:56 am من طرف الزعيم

» كود cssلوضع ايطار كلي منقط مع ايطار كلي للبينات للنسخة(invision)
الجمعة يوليو 19, 2013 2:55 am من طرف الزعيم

»  كود css لوضع خلفيه للوحوه الضاحكه من اكتشافي للنسخة الثالثة و InvisioN فقط
الجمعة يوليو 19, 2013 2:54 am من طرف الزعيم

انشاء منتدى مجاني
أفضل 10 أعضاء في هذا الأسبوع

سحابة الكلمات الدلالية

عمل منتدى

كود CSS خفيف للإضافة حركه جميله على جميع صور المنتدى

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

كود CSS خفيف للإضافة حركه جميله على جميع صور المنتدى

مُساهمة من طرف الزعيم في الجمعة يوليو 19, 2013 2:04 am



اليوم معي كود CSS3 خفيف للإضافة حركه جميله على جميع صور المنتدى
لاكن للأسف لا يوجد مثال!

[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]




طريقة عمل الكود : الكود يقوم بتدوير الصورة وعمل ظل لها بمرور الماوس بشكل
تدريجي ، وعند إبعاد الماوس أيضا تدور الصوره بعكس الاتجاه ويزول الظل بشكل تدرجي .



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



الكود وطريقة تركيبه :

لوحة الإدارة --> مظهر المنتدى --> الوان --> ورقة تصميم CSS


الكود ::

الكود: [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]---------تضليل المحتوى
الكود:

      
         
img{-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}

img:hover{
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
box-shadow: 0 0px 20px #000;
}



[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]



والان اذهب الى منتداك وأشر في الماوس على اي صوره سوف تعمل الخاصيه ومتوافقه على جميع النسخ..


The end






أحلى خبــــير اكواد
الزعيم
avatar
الزعيم
المـديـر العـــام
المـديـر العـــام

عدد المساهمات : 85
تاريخ التسجيل : 15/07/2013

معاينة صفحة البيانات الشخصي للعضو http://help1.ahlamuntada.com

الرجوع الى أعلى الصفحة اذهب الى الأسفل

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى