كيفية عمل تأثير على جميع الصور في موقعك بتقنية CSS3 – بشكل مميز

السلام عليكم ورحمة الله وبركاته – بسم الله الرحمن الرحيم


اخباركم يا الغالين ، إن شاء الله تكونوا بخير دايماً
الأن أقدم لكم : كيفية عمل تأثير على جميع الصور في موقعك + منتداك + مدونتك

هذا الكود من تقنية css3 الجديدة
رائع بالفعل

الشرح سهل جداً هذا الكود من تقنية css3 الجديدة ، يمكنك تغيير على الارقام
انسخ الكود التالي



img{
    border:none;
    opacity:0.3;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition:all 0.6s ease-in-out;
    -o-transition: all 0.6s 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.6s ease-in-out;
-moz-transition:all 0.6s ease-in-out;
-o-transition: all 0.6s 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



اتمنى اكون وفقت فى شرح هذا الدرس بطريقة مبسطه ، فان اصبت فمن الله وان أخطأت فمن نفسي والشيطان .
وانتظروني مع المفاجئات القادمه باذن الله راح تعجبكم
أصدقاء(تطوير ويب)
تعليقات Facebook
0تعليقات Blogger

لا توجد تعليقات على موضوع "كيفية عمل تأثير على جميع الصور في موقعك بتقنية CSS3 – بشكل مميز"

إرسال تعليق

التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .