تطوير ويب » ثغرات اسكربتات و منتديات » كيفية عمل تأثير على جميع الصور في موقعك بتقنية CSS3 – بشكل مميز
اخباركم يا الغالين ، إن شاء الله تكونوا بخير دايماً
الأن أقدم لكم : كيفية عمل تأثير على جميع الصور في موقعك + منتداك + مدونتك
هذا الكود من تقنية css3 الجديدة
رائع بالفعل
الشرح سهل جداً هذا الكود من تقنية css3 الجديدة ، يمكنك تغيير على الارقام
انسخ الكود التالي
img{
border
:
none
;
opacity:
0.3
;
-webkit-transition:
all
0.6
s ease-in-out;
-moz-transition:
all
0.6
s ease-in-out;
-o-transition:
all
0.6
s ease-in-out;
-moz-box-shadow:
0px
0px
8px
#000
;
-webkit-box-shadow:
0px
0px
8px
#000
;
-khtml-box-shadow:
0px
0px
8px
#000
;
box-shadow:
0px
0px
8px
#000
;
}
img:hover{
opacity:
1.0
;
}
بالنسبة لـ اصحاب منتديات vBulletin
الصق الكود في تعاريف CSS الإضافية/Additional CSS Definitions
ثم انقر حفظ
——————————————————————————————-
الشرح لـ اصحاب مدونات WordPress
الصق الكود فى ملف style.css
——————————————————————————————-
الشرح لـ اصحاب الموقع خاصة
انسخ الكود التالي
<style type=
"text/css"
>
img{
border
:
none
;
opacity:
0.3
;
-webkit-transition:
all
0.6
s ease-in-out;
-moz-transition:
all
0.6
s ease-in-out;
-o-transition:
all
0.6
s ease-in-out;
-moz-box-shadow:
0px
0px
8px
#000
;
-webkit-box-shadow:
0px
0px
8px
#000
;
-khtml-box-shadow:
0px
0px
8px
#000
;
box-shadow:
0px
0px
8px
#000
;
}
img:hover{
opacity:
1.0
;
}
</style>
ثم الصق الكود قبل الكلمة
</head>
فى ملف اندكس index.html Or index.php
اتمنى اكون وفقت فى شرح هذا الدرس بطريقة مبسطه ، فان اصبت فمن الله وان أخطأت فمن نفسي والشيطان .
وانتظروني مع المفاجئات القادمه باذن الله راح تعجبكم
أصدقاء(تطوير ويب)
0تعليقات Blogger
لا توجد تعليقات على موضوع "كيفية عمل تأثير على جميع الصور في موقعك بتقنية CSS3 – بشكل مميز"
إرسال تعليق
التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .