What's the best way to style 45 bevel corners?

Tried a few ways, but they mostly seem like hacks.
Solution should achieve the following results:
- consistent border width, even along angled corner
- require only one div/class (no inner+outer containers)
- use either the outline or border attribute
- allow for css transitions or animations or keyframes etc. some solutions use the background-image attribute, which restricts basic animations.
- fixed or responsive corner dimensions
image.png
Was this page helpful?