غير طريقه عرض الصور بالمنتدى كود CSS3 لإضافة حركه رائعه على جميع صور المنتدى

[CSS3] » كود CSS3 لإضافة حركه رائعه على جميع صور المنتدى اليوم معي كود CSS3 خفيف للإضافة حركه جميله على جميع صور المنتد ..


موضوع مغلق


09-08-2012 01:44 مساء
titostar2010
عضو فعال
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 05-11-2010
رقم العضوية : 917
المشاركات : 176
الدولة : egy
الجنس : ذكر
يتابعهم : 0
يتابعونه : 0
قوة السمعة : 416
موقعي : زيارة موقعي
اصدار المنتدى : 2.1.4
 offline 
[CSS3] » كود CSS3 لإضافة حركه رائعه على جميع صور المنتدى


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



او

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


الكود

img{
    -webkit-border-radius: 18px;
    -moz-border-radius: 18px;
    -khtml-border-radius: 3px;
    border-radius: 18px;
}

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;
} 



منتديات كاتز عرب كل جديد فى جديد


تم تحرير الموضوع بواسطة :titostar2010
بتاريخ:09-08-2012 01:45 مساء


09-08-2012 02:20 مساء
مشاهدة مشاركة منفردة [1]
titostar2010
عضو فعال
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 05-11-2010
رقم العضوية : 917
المشاركات : 176
الدولة : egy
الجنس : ذكر
يتابعهم : 0
يتابعونه : 0
قوة السمعة : 416
موقعي : زيارة موقعي
اصدار المنتدى : 2.1.4
 offline 
look/images/icons/i1.gif غير طريقه عرض الصور بالمنتدى كود CSS3 لإضافة حركه رائعه على جميع صور المنتدى
لو تم التجربه طيب فين التقيمات والاعجابات

05-09-2012 03:20 مساء
مشاهدة مشاركة منفردة [2]
مجروح
عضو فعال
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 05-09-2012
رقم العضوية : 2420
المشاركات : 100
الجنس : ذكر
يتابعهم : 0
يتابعونه : 0
قوة السمعة : 0
اصدار المنتدى : 2.1.4
 offline 
look/images/icons/i1.gif غير طريقه عرض الصور بالمنتدى كود CSS3 لإضافة حركه رائعه على جميع صور المنتدى
مشكوووووووووورووور

02-01-2013 11:45 مساء
مشاهدة مشاركة منفردة [3]
رضا الطيب
عضو فعال
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 26-02-2011
رقم العضوية : 1321
المشاركات : 153
الدولة : مصر
الجنس : ذكر
تاريخ الميلاد : 31-3-1986
الدعوات : 1
يتابعهم : 0
يتابعونه : 0
قوة السمعة : 12
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.0
 offline 
look/images/icons/i1.gif غير طريقه عرض الصور بالمنتدى كود CSS3 لإضافة حركه رائعه على جميع صور المنتدى

الله ينور عليك يالغالى


10-02-2013 01:37 مساء
مشاهدة مشاركة منفردة [4]
سارة
متعدد العضويات
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 10-02-2013
رقم العضوية : 3020
المشاركات : 2
الجنس : ذكر
تاريخ الميلاد : 18-2-1984
يتابعهم : 0
يتابعونه : 0
قوة السمعة : 0
اصدار المنتدى : 3.0.0
 offline 
look/images/icons/i1.gif غير طريقه عرض الصور بالمنتدى كود CSS3 لإضافة حركه رائعه على جميع صور المنتدى
شكر لك اخى الكريم

11-02-2013 02:28 مساء
مشاهدة مشاركة منفردة [5]
mohamed sabkha
عضـو مشارك
rating
معلومات الكاتب ▼
تاريخ الإنضمام : 25-12-2012
رقم العضوية : 2786
المشاركات : 35
الدولة : الجزائر
الجنس : ذكر
تاريخ الميلاد : 6-1-1996
يتابعهم : 0
يتابعونه : 0
قوة السمعة : 0
موقعي : زيارة موقعي
اصدار المنتدى : 3.0.0
 offline 
look/images/icons/i1.gif غير طريقه عرض الصور بالمنتدى كود CSS3 لإضافة حركه رائعه على جميع صور المنتدى
100/100
مشكوووور


المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
[مجابه] ممكن طريقه لايقاف هاك اخفاء الروابط Mr.Ba7a
7 585 نجم الويب
طريقه التسجيل في AdFly و تشغيل ملحقها skando
3 681 dayday
[مجابه] طلب شرح طريقه الترقيه التلقائيه StepHen
6 256 نجم الويب
[مجابه] ممكن طريقه تغير الصوره moustafa el desha
6 441 AHMED
[مجابه] مشكلة هل من طريقه لحذف جدار الحماية من السي بنل vbvb
3 361 AHMED

الكلمات الدلالية
لا يوجد كلمات دلالية ..







الساعة الآن 07:31 مساء