Skip to content

Instantly share code, notes, and snippets.

@smpnjn
Created September 26, 2021 11:32
Show Gist options
  • Save smpnjn/ad19848c2a2834a1949b02537670ee4d to your computer and use it in GitHub Desktop.
Save smpnjn/ad19848c2a2834a1949b02537670ee4d to your computer and use it in GitHub Desktop.
button {
box-shadow: none;
background: transparent;
transform-style: preserve-3d;
padding: 0;
height: auto;
float: none;
}
button span {
background: linear-gradient(180deg, #ff7147, #e0417f);
font-size: 2rem;
padding: 1rem 2rem;
line-height: 3rem;
will-change: transform, filter;
float: none;
margin: 0;
transition: all 0.15s ease-out;
height: auto;
border-radius: 100px;
overflow: hidden;
display: block;
margin: 0px auto;
display: block;
transform: rotateX(0deg) rotateY(0deg) scale(1);
filter: drop-shadow(0 15px 15px rgba(0,0,0,0.3));
font-weight: 600;
perspective-origin: 0 0;
letter-spacing: 0;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment