استعمل مربع البحث في الاسفل لمزيد من المواضيع
سريع للبحث عن مواضيع في المنتدى
-
10-30-2013, بتوقيت غرينيتش 09:41 PM
#1
[CSS3] » كود code CSS3 لإضافة حركه رائعه على جميع صور المنتدى forum
[CSS3] آ» ظƒظˆط¯ CSS3 ظ„ط¥ط¶ط§ظپط© ط*ط±ظƒظ‡ ط±ط§ط¦ط¹ظ‡ ط¹ظ„ظ‰ ط¬ظ…ظٹط¹ طµظˆط± ط§ظ„ظ…ظ†طھط¯ظ‰
اليوم معي كود code CSS3 خفيف للإضافة حركه جميله على جميع صور المنتدى forum
لكن للأسف ما فيه مثال !!
طريقة عمل الكود code : الكود code يقوم بتدوير الصورة وعمل ظل لها بمرور الماوس بشكل
تدريجي ، وعند إبعاد الماوس أيضا تدور الصوره بعكس الاتجاه ويزول الظل بشكل تدرجي .
الكود code وطريقة تركيب installه :
أولا توجه من ، المنتدى forum » الإداره » الإستايل styleات والقوالب » التحكم بالإستايل styleات » الاستايل style المراد وضع الكود code عليه »
CSS رئيسي »
وأضف الكود code التالي في "
تعاريف CSS الإضافية/Additional CSS Definitions"
رمز PHP:
<code style="white-space:nowrap"> <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> </code>
تمتع الان بالإضافه الجديده
وإلى اللقاء في مواضيع قادمه !!
الملفات المرفقة [TR]
كود CSS3 لإضافة حركه رائعه على صور المنتدى By BashaEgypt.net.zip (34.8 كيلوبايت, عدد مرات المشاهدة 71 مرة) [/TR]
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
المواضيع المتشابهه
-
بواسطة salima في المنتدى لغات البرمجه للويب
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 04:10 PM
-
بواسطة admin في المنتدى القوالب والتصاميم الجاهزه
مشاركات: 0
آخر مشاركة: 11-01-2013, بتوقيت غرينيتش 06:27 AM
-
بواسطة loulou ange في المنتدى دورات تدريبية و شروحات لتصميم المواقع
مشاركات: 0
آخر مشاركة: 10-30-2013, بتوقيت غرينيتش 09:46 PM
-
بواسطة admin في المنتدى دورات تدريبية و شروحات لتصميم المواقع
مشاركات: 0
آخر مشاركة: 10-30-2013, بتوقيت غرينيتش 09:31 PM
-
بواسطة loulou ange في المنتدى دورات تدريبية و شروحات لتصميم المواقع
مشاركات: 0
آخر مشاركة: 10-30-2013, بتوقيت غرينيتش 09:25 PM
ضوابط المشاركة
- لا تستطيع إضافة مواضيع جديدة
- لا تستطيع الرد على المواضيع
- لا تستطيع إرفاق ملفات
- لا تستطيع تعديل مشاركاتك
-
قوانين المنتدى