Custom CSS for Cutted Corners

Ľudovít Ďurman

• April 01, 2025 09:10

Hello dear Brizy team. Please can you help me with custom CSS code that can make borders cutted like on my screenshot? Is there anyway how to make it when working with Brizy? Thank you very much.

0

• 

  Ariel H.

  • April 01, 2025 12:23

  Hi Ľudovít,

  Thank you for contacting us.

  You can use the CSS clip-path maker tool at https://bennettfeely.com/clippy/ to generate the CSS.

  Here is an example:

  .custom-banner {
      position: relative;
      width: 100%;
      height: auto; /* Adjust based on your needs */
      clip-path: polygon(9% 2%, 80% 0%, 100% 0, 100% 80%, 92% 100%, 20% 100%, 0 100%, 0% 20%);
      overflow: hidden;
  }

  You can follow the steps shown in this screenshot - https://imgur.com/Z7A1Hos

  I hope this helps.

  Best regards,
  Ariel H.

  0

Please sign in to leave a comment.