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

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

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

دمتم بخير دائماً وأبدا ، أخوكم ومحبكم في الله أحمد حسين