المواضيع الأخيرة
المواضيع الأكثر شعبية
أفضل 10 أعضاء في هذا الأسبوع
سحابة الكلمات الدلالية
كود CSS خفيف للإضافة حركه جميله على جميع صور المنتدى
:: س.و.ج :: التقنيات المتقدمة :: الأكواد الإنسيابية CSS
صفحة 1 من اصل 1 • شاطر •
كود CSS خفيف للإضافة حركه جميله على جميع صور المنتدى

اليوم معي كود 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


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

الزعيم- المـديـر العـــام
- عدد المساهمات : 85
تاريخ التسجيل : 15/07/2013
:: س.و.ج :: التقنيات المتقدمة :: الأكواد الإنسيابية CSS
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
» [JavaScript] رسالة تظهر قبل الدخول للدردشة
» كود [Java] [CSS] لوضع صورة في اخر المواضيع بطريقة احترافية للنسخة الثانية
» صيانة شاملة للمنتديات يوم الخميس 22 محرم 1434
» صيانة أحد النطاقات الخاصة بأحلى منتدى
» طريقة أزالة السطر من تحت أسماء الأعضاء
» كود css لوضع خلفيه لزر أرسل مساهمتك للنسخة 2
» كود cssلوضع ايطار كلي منقط مع ايطار كلي للبينات للنسخة(invision)
» كود css لوضع خلفيه للوحوه الضاحكه من اكتشافي للنسخة الثالثة و InvisioN فقط