Any ideas on how to create a double border chamfer with transparent background?
I remember that Kevin has a good video on creating borders with cut corners here: https://www.youtube.com/watch?v=aW6qEAQSctY
Is there a way to create something similar but has transparent background with just CSS without resorting to SVG?
Is there a way to create something similar but has transparent background with just CSS without resorting to SVG?
YouTubeKevin Powell
I was asked if we could make a button with cut corners, and it seemed like a fun challenge, and this is my solution! It involves a lot of custom properties and the setup is a little complex, but the custom properties make it easy to make changes down the line!
Links
The code: https://codepen.io/kevinpowell/pen/bGLmORx
How to pick units: ...
Links The code: https://codepen.io/kevinpowell/pen/bGLmORx How to pick units: ...
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time š.
36,263Members
Resources
Recent Announcements
Similar Threads
Was this page helpful?
