با استفاده از CSS و ویژگی clip-path یک کارت مستطیلی طراحی کنید که گوشهٔ بالای سمت راست آن به صورت مورب برش خورده باشد.

برای طراحی کارت مستطیلی با گوشهٔ بالای راست که به‌صورت مورب برش می‌شود، از clip-path: polygon(...) استفاده کنید و -webkit-clip-path را نیز اضافه کنید تا سازگاری در Safari و نسخه‌های قدیمی‌تر باشد. با ابزار توسعه‌دهنده مرورگر می‌توانید مختصات را به‌صورت زنده جابه‌جا کنید تا زاویه دقیق برش به دست آید (مثلاً نقطه‌های درصدی مانند 0 0، 85% 0، 100% 15%، 100% 100%، 0 100%). فراموش نکنید که برای مرورگرهای قدیمی‌تر، یک جایگزین مانند ماسک SVG یا یک پس‌زمینه با تصویر ماسک فراهم کنید. همچنین اندازه و رنگ پس‌زمینه با درصدها یا اندازه‌های پاسخگو تنظیم کنید تا برش مورب در اندازه‌ها و تراکم‌های مختلف مناسب باقی بماند.