لماذا لا يتم تطبيق القناع؟
السلام عليكم أسعد الله أوقاتكم.
المثال الأول من درس التقنيع أحاول تطبيقه و لكن دون جدوى رغم أني حاولت تطبيقه كما هو.
و أخيراً قمت بنسخ الكود الخاص بالدرس كما هو و أيضاً لم يعمل رغم أني متأكد من أن كل شيء صحيح و حتى مسارات الصور صحيحة.
فيما يلي الكود الذي كتبته:
<html> <head> <style> img { -webkit-mask-image: url(mask.png); mask-image: url(mask.png); } </style> </head> <body> <h1>CSS mask-image Property</h1> <p>This property is used to set a mask for the element.</p> <img src="nature.png" /> <p>Both the image and the mask image have the same size. That's why the mask image is not repeated.</p> <p>Note: To make the image and its mask responsive we need to set their maximum size.</p> </body> </html>
و هذه صورة يظهر فيها مسارات الصور المستخدمة.
أرجو أن تستطيعوا تحديد مكان الخطاء لاني ظللت أراجعه أكثر من ثلاث أيام و دون أن أصل لشئ.
HTML
