logo

أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

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

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





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


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


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


الكود وطريقة تركيبه :
ضيف هذا الكود اخر ملف css من لوحة الاداره
الكووووود
CODE

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



او

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


الكود

CODE

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 مساءً

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

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

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

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

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

اضافة رد جديد اضافة موضوع جديد



المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
هل يوجد طريقه التحويل من phpbb الئ pbboard ! وكيف تحويل ! MAHDI H.D
4 388 MAHDI H.D
طريقه ربط نطاق m7mdloly
4 1181 Soliman
طريقه اضافه صورة اعلي كل قسم إبن القنصل
4 598 إبن القنصل
[مجابه] ممكن طريقه لايقاف هاك اخفاء الروابط Mr.Ba7a
7 1756 نجم الويب
طريقه التسجيل في AdFly و تشغيل ملحقها skando
3 1489 dayday

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









الساعة الآن 05:46 AM