Skip to content

Instantly share code, notes, and snippets.

@7cc

7cc/demo.html

Last active March 18, 2020 19:53
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save 7cc/54111522be3b174cd4eb to your computer and use it in GitHub Desktop.
Save 7cc/54111522be3b174cd4eb to your computer and use it in GitHub Desktop.
Download ZIP
multi-border-color.css
Raw
demo.html
<iframe srcdoc="
<!doctype html>
<style>
.multi-border-color {
border-style: solid;
border-image-source: linear-gradient(to right, crimson 15%, #ddd 15% 100%);
border-image-width: 0px 0px 10px 0px;
border-width: 0px 0px 10px 0px;
border-image-slice: 1;
}
</style>
<p class=&quot;multi-border-color&quot;>hello</p>
" frameborder="1"></iframe>
Raw
multi-border-color-minimul.css
.multi-border-color {
border-style: solid;
border-image-source: linear-gradient(to right, crimson 15%, #ddd 15% 100%);
border-image-width: 0px 0px 3px 0px;
border-width: 0px 0px 3px 0px;
border-image-slice: 1;
}
Raw
multi-border-color.css
/* border-image */
border-image-source: linear-gradient(to right, crimson 30%, teal 0%);
border-image-width: 0px 0px 10px 0px;
border-image-slice: 10 0;
border-image-repeat: round;
border-image-outset: 0;
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment