Skip to content

Instantly share code, notes, and snippets.

@alt-karate
Created November 13, 2020 07:38
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 alt-karate/e0bf03094a340513c184dc1c4e372718 to your computer and use it in GitHub Desktop.
Save alt-karate/e0bf03094a340513c184dc1c4e372718 to your computer and use it in GitHub Desktop.
<p class="corse_alldrink">飲み放題付きコース</p>
.corse_alldrink {
color: #1f1a0a;
font-size: 2.4rem;
display: inline-block;
background: #ffda0a;
position: relative;
margin: 0 0 3rem 0;
padding: 0.5rem 6.6rem 0.5rem 8.2rem;
z-index: 1;
}
.corse_alldrink:before {
position: absolute;
content: "";
left: -2px;
top: -2px;
width: 0;
height: 0;
border: none;
border-left: solid 40px #1f1a0a;
border-bottom: solid 79px transparent;
z-index: 2;
}
.corse_alldrink:after {
position: absolute;
content: "";
right: -3px;
top: -7px;
width: 0;
height: 0;
border: none;
border-left: solid 40px transparent;
border-bottom: solid 79px #1f1a0a;
z-index: 2;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment