الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!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="400" height="350"> <mask id="svgmask"> <circle fill="#ffffff" cx="75" cy="75" r="60"></circle> <circle fill="#ffffff" cx="260" cy="100" r="85"></circle> <circle fill="#ffffff" cx="90" cy="240" r="75"></circle> <circle fill="#ffffff" cx="270" cy="260" r="40"></circle> </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>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود