الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكود
<!DOCTYPE html> <html> <head> <style> * { margin: 0; padding: 0; box-sizing: border-box; } html, body { height: 100%; } body { display: flex; align-items: center; justify-content: center; } #demo { clip-path: polygon(50% 0%, 83% 12%, 100% 43%, 94% 78%, 68% 100%, 32% 100%, 6% 78%, 0% 43%, 17% 12%); border: 1px solid gray; height: 200px; width: 200px; background-image: url(/assets/images/clip-path-maker-picker/city.jpg); background-repeat: no-repeat; background-size: cover; /* إذا أردت عرض لون بدل صورة */ /* background: deepskyblue; */ } </style> </head> <body> <div id='demo'></div> </body> </html>
الصفحة الرئيسية
تحميل الكود
تغيير الألوان
تغيير العرض
تغيير حجم العرض
تشغيل الكودالصفحة الرئيسيةتحميل الكودتغيير الألوانتغيير العرضتغيير حجم العرضتشغيل الكود