Skip to content

Instantly share code, notes, and snippets.

@stolinski

stolinski/cssbattle.css

Created September 5, 2024 17:34
Show Gist options
  • Save stolinski/f637bf26728fcc729b88db999ec8576a to your computer and use it in GitHub Desktop.
Save stolinski/f637bf26728fcc729b88db999ec8576a to your computer and use it in GitHub Desktop.
Download ZIP
Raw
cssbattle.css
<div></div>
<style>
body {
background: #293462;
margin: 0;
}
div {
width: 200px;
height: 200px;
background: #FFF1C1;
position: relative;
&:after, &:before {
background: #FE5F55;
box-sizing: border-box;
content: '';
position: absolute;
}
&:after {
height: 100%;
width: 100px;
left: 100%;
border-bottom: solid 50px #A64942;
}
&:before {
height: 100px;
width: 100%;
top: 100%;
left: 0;
border-right: solid 50px #A64942;
z-index: 1;
}
}
</style>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment