Skip to content

Instantly share code, notes, and snippets.

@Mr2P
Created February 5, 2023 16:15
Show Gist options
  • Save Mr2P/a9a51c0987a8d658a2279605d0ed1486 to your computer and use it in GitHub Desktop.
Save Mr2P/a9a51c0987a8d658a2279605d0ed1486 to your computer and use it in GitHub Desktop.
The source code for the image frame 3 variation
selector img {
--s: var(--bb-attr--spacing,15px); /* control the size */
--c: var(--bb-attr--color, #000);
padding: var(--s);
border: var(--s) solid #0000;
background: conic-gradient(from 90deg at 1px 1px,#0000 25%,var(--c) 0);
clip-path:
polygon(
0 0 ,33% 0 ,50% calc(2*var(--s)) ,66% 0,
100% 0 ,100% 33% ,calc(100% - 2*var(--s)) 50%,100% 66%,
100% 100%,66% 100%,50% calc(100% - 2*var(--s)),33% 100%,
0 100%,0 66% ,calc(2*var(--s)) 50% ,0 33%
)
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment