تذكرني |نسيت كلمة السر؟| سجل كعضو جديد

★منتديات نجم نت★

www.najmnet.ephpbb.com

الرئيسية  المنشورات  س .و .ج  بحـث  الأعضاء  المجموعات  التسجيل  دخول  دردشة نجم نت  
إحصائيـــــــــــــــــــــــــات منتـــــــــــــــــدى نجم نت
أفضل الاعضاء هذا الشهر
أخر المشاركات
أحصائيات سريعة
هذا المنتدى يتوفر على 910 عُضو.
آخر عُضو مُسجل هو yobhy فمرحباً به.
أعضاؤنا قدموا 1615 مساهمة في هذا المنتدى , في 939 موضوع


شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
معتز بالله admin
مدراء المنتدى
مدراء المنتدى
avatar


الجنس الجنس : ذكر
البــــلد البــــلد : الجزائر
المهنة المهنة : مبرمج
الهواية الهواية : الكتابة
المزاج المزاج : 49
عدد المساهمات عدد المساهمات : 501
نقاط نقاط : 15180
السٌّمعَة السٌّمعَة : 65
العمر العمر : 29
الـــــــــــــــــــــــــــــــوقت الـــــــــــــــــــــــــــــــوقت :

مُساهمةموضوع: كود 2017 CSS3 خفيف للإضافة حركه جميله على جميع صور المنتدى :Css:   14/02/17, 05:02 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;
توقيع : معتز بالله admin




:n:j:m*:

الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://najmnet.ephpbb.com
 
كود 2017 CSS3 خفيف للإضافة حركه جميله على جميع صور المنتدى :Css:
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات نجم نت | najmnet forums :: منتديات نجم نت للستيلات و اكودها وإشهارها :: منتـديات أكواد للمـنتديات المجانية :: اكواد css منتديات نجم نت-
منتديات نجم نت | najmnet forums غير مسؤولة عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي منتديات نجم نت | najmnet forums ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)