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

[said]

http://www.dzbatna.com/images/icons/iconrote.gif ظƒظٹظپظٹط© ط¹ظ…ظ„ طھط£ط«ظٹط± ط¹ظ„ظ‰ ط¬ظ…ظٹط¹ ط§ظ„طµظˆط± ظپظٹ ظ…ظˆظ‚ط¹ظƒ ط¨طھظ‚ظ†ظٹط© CSS3 – ط¨ط´ظƒظ„ ظ…ظ…ظٹط² (http://www.dzbatna.com/t1998116/)



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

اخباركم يا الغالين ، إن شاء الله تكونوا بخير دايماً

الأن أقدم لكم : كيفية عمل تأثير على جميع الصور في منتداك


مثال مباشر


images effects css3 - Progs4u.net (http://www.progs4u.net/ts/demo/images-effects-css3)


فقط هذا الكود code من تقنية css3 الجديدة


الشرح طريقة : انسخ الكود code التالي





رمز 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; }
ثم الصق الكود code في تعاريف CSS الإضافية/Additional CSS Definitions


http://www.progs4u.net/ts/wp-content/uploads/images-effects-css31.gif


ثم انقر حفظ وانتهى الشرح طريقة بحمد لله


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

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

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


المصدر : تأثير رائع على جميع الصور فى موقعك - معهد برامج فور يو (http://www.progs4u.net/ts/2014/12/images-effects-css3)







ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©