السلام عليكم ورحمة الله وبركاته – بسم الله الرحمن الرحيم
اخباركم يا الغالين ، إن شاء الله تكونوا بخير دايماً
الأن أقدم لكم : كيفية عمل تأثير على جميع الصور في منتداك
مثال مباشر
images effects css3 - Progs4u.net
فقط هذا الكود من تقنية css3 الجديدة
الشرح : انسخ الكود التالي
رمز Code:
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;
}
ثم الصق الكود في تعاريف CSS الإضافية/Additional CSS Definitions
ثم انقر حفظ وانتهى الشرح بحمد لله
اتمنى اكون وفقت فى شرح هذا الدرس بطريقة مبسطه ، فان اصبت فمن الله وان أخطأت فمن نفسي والشيطان .
مثال مباشر
images effects css3 - Progs4u.net
فقط هذا الكود من تقنية css3 الجديدة
الشرح : انسخ الكود التالي
رمز Code:
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;
}
ثم الصق الكود في تعاريف CSS الإضافية/Additional CSS Definitions
ثم انقر حفظ وانتهى الشرح بحمد لله
اتمنى اكون وفقت فى شرح هذا الدرس بطريقة مبسطه ، فان اصبت فمن الله وان أخطأت فمن نفسي والشيطان .
وانتظروني مع المفاجئات القادمه باذن الله راح تعجبكم
دمتم بخير دائماً وأبدا ، أخوكم ومحبكم في الله أحمد حسين
المصدر : تأثير رائع على جميع الصور فى موقعك - معهد برامج فور يو
المصدر : تأثير رائع على جميع الصور فى موقعك - معهد برامج فور يو
