الصورة الشفافة 2 (ِ Css )
http://www.dzbatna.com/images/icons/iconrote.gif ط§ظ„طµظˆط±ط© ط§ظ„ط´ظپط§ظپط© 2 (ظگ Css )
سنرى في هذا الدرس مفصل طريقة الحصول على نفس النتيجة تماما
باستعمال ال Css فقط
رمز Code:
ثم نضيف بعده الجزء الثاني من الكود code
رمز PHP:
[LEFT].flykitopacity:hover img[
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
]
[/LEFT]
[CENTER][/CENTER]
و شرح طريقةه: لو لاحظتم هنا استخدمنا نفس الكلاس
و تقريبا عكسنا الجزء الأول من الكود code بحيث استخدمنا القيمة
hover و تعني عند مرور الماوس على الصورة .
ثم في السطر الثاني استخدمنا نفس الفيلتر الأول
لكن غيرنا القيمة من 40 الى 100 .
و بهذا ستكون الصورة التي نريد شفافة لأن هذا عمل الجزء الأول من الكود code
و عند مرور الماوس عليها تصبح عادية و هذا عمل الجزء الثاني من الكود code
بعد إضافة الكود code تصبح النتيجة :
http://www14.0zz0.com/2014/11/21/12/409539723.png
اذن كما توضح الصورة الاختلاف بين الجزء الأول و الثاني من الكود code
التي سنضيف لها الكلاس الذي هو flykitopacity
بحيث درجة الشفافية هي 40
التي تستخدم الكلاس flykitopacity
تكون درجة الشفافية 100 و بهذا ستعود الصورة لحالتها عند مرور الماوس .
لتحميل الكود code :
Clique Here
الأن ننتقل لمنطقة ال body
ثم
في انتظار تطبيقاتكم
https://fbcdn-sphotos-d-a.akamaihd.n...93518507_n.png
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©
