كيفية عمل تأثير على جميع الصور في موقعك بتقنية 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

اتمنى اكون وفقت فى شرح هذا الدرس بطريقة مبسطه ، فان اصبت فمن الله وان أخطأت فمن نفسي والشيطان .

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

 

يسمح لكم بنقل الموضوع بشرط ذكر المصدر : كيفية عمل تأثير على جميع الصور في موقعك بتقنية CSS3 – بشكل مميز | TATWEERWEB

 

ساهم في نشر الموضوع ولك جزيل الشكر !

أضف تعليقك عن طريق الفيسبوك :

ثغرات اسكربتات و منتديات