Skip to content

Instantly share code, notes, and snippets.

@DaWe35

DaWe35/Beta ribbon CSS

Created July 21, 2019 16:02
Show Gist options
  • Save DaWe35/f3f8edaea3e1e7c938078269d742df14 to your computer and use it in GitHub Desktop.
Save DaWe35/f3f8edaea3e1e7c938078269d742df14 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
Beta ribbon CSS
body:after{
content: "beta";
position: fixed;
width: 80px;
height: 25px;
background: #EE8E4A;
top: 7px;
left: -20px;
text-align: center;
font-size: 13px;
font-family: sans-serif;
text-transform: uppercase;
font-weight: bold;
color: #fff;
line-height: 27px;
-ms-transform:rotate(-45deg);
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
Source: https://codepen.io/davidlazar/pen/dcxou
Thanks for David Lazar!
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment