الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <body> <h1>CSS SVG Masking</h1> <p>In this example, we defined the mask layer using the mask tag.</p> <svg width="100" height="100"> <mask id="svgmask"> <polygon fill="#FFFFFF" points="50 0, 83 12, 100 43, 94 78, 68 100, 32 100, 6 78, 0 43, 17 12"></polygon> </mask> <image xlink:href="/tutorials/css/masking/nature.png" mask="url(#svgmask)"></image> </svg> <p>Note: no css property is used to create the mask layer.</p> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود