Skip to content

Instantly share code, notes, and snippets.

@koreyou

koreyou/split.html

Created October 28, 2017 02:35
Show Gist options
  • Save koreyou/00fc3b29a1dce587c7de1b99acf4b009 to your computer and use it in GitHub Desktop.
Save koreyou/00fc3b29a1dce587c7de1b99acf4b009 to your computer and use it in GitHub Desktop.
Download ZIP
Vertically split colors within one <div> element
Raw
split.html
<div style="background-image: linear-gradient(bottom, #FFD51A 50%, #FAC815 50%);
background-image: -o-linear-gradient(bottom, #33D51A 50%, #FAC815 50%);
background-image: -moz-linear-gradient(bottom, #33D51A 50%, #FAC815 50%);
background-image: -webkit-linear-gradient(bottom, #33D51A 50%, #FAC815 50%);
background-image: -ms-linear-gradient(bottom, #33D51A 50%, #FAC815 50%);
display: inline-block;">aaaa</div>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment