تطوير ويب » ثغرات اسكربتات و منتديات » كيفية عمل تأثير على جميع الصور في موقعك بتقنية CSS3 – بشكل مميز
اخباركم يا الغالين ، إن شاء الله تكونوا بخير دايماً
الأن أقدم لكم : كيفية عمل تأثير على جميع الصور في موقعك + منتداك + مدونتك
هذا الكود من تقنية css3 الجديدة
رائع بالفعل
الشرح سهل جداً هذا الكود من تقنية css3 الجديدة ، يمكنك تغيير على الارقام
انسخ الكود التالي
img{border:none;opacity:0.3;-webkit-transition:all0.6s ease-in-out;-moz-transition:all0.6s ease-in-out;-o-transition:all0.6s ease-in-out;-moz-box-shadow:0px0px8px#000;-webkit-box-shadow:0px0px8px#000;-khtml-box-shadow:0px0px8px#000;box-shadow:0px0px8px#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:all0.6s ease-in-out;-moz-transition:all0.6s ease-in-out;-o-transition:all0.6s ease-in-out;-moz-box-shadow:0px0px8px#000;-webkit-box-shadow:0px0px8px#000;-khtml-box-shadow:0px0px8px#000;box-shadow:0px0px8px#000;}img:hover{opacity:1.0;}</style>
ثم الصق الكود قبل الكلمة
</head>
فى ملف اندكس index.html Or index.php
اتمنى اكون وفقت فى شرح هذا الدرس بطريقة مبسطه ، فان اصبت فمن الله وان أخطأت فمن نفسي والشيطان .
وانتظروني مع المفاجئات القادمه باذن الله راح تعجبكم
أصدقاء(تطوير ويب)
0تعليقات Blogger
لا توجد تعليقات على موضوع "كيفية عمل تأثير على جميع الصور في موقعك بتقنية CSS3 – بشكل مميز"
إرسال تعليق
التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .





