Skip to content

Instantly share code, notes, and snippets.

@stolinski

stolinski/cssbattle91.css

Created September 5, 2024 17:53
Show Gist options
  • Save stolinski/653d08da29d6f6f7093c380c8d1ed8e9 to your computer and use it in GitHub Desktop.
Save stolinski/653d08da29d6f6f7093c380c8d1ed8e9 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
cssbattle91.css
<div></div>
<style>
body {
background: linear-gradient(180deg, #D25B70 50%, #6CB3A9 50%)
}
div {
width: 200px;
height: 200px;
border-radius: 50%;
margin: 50px auto;
background: #F6DF96;
&:after {
content: '';
background: linear-gradient(180deg, #6CB3A9 15px, transparent 15px) repeat-y;
width: 100%;
position: absolute;
background-size: 100% 25px;
top: 50%;
left: 0;
height: 50%;
}
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment