/* HTML */ <a href="#"><button class="button-09">Hover me!</button></a> /* CSS */ .button-09 { background: #FBCA1F; font-family: inherit; padding: 0.6em 1.3em; font-weight: 900; font-size: 18px; border: 3px solid black; border-radius: 0.4em; box-shadow: 0.1em 0.1em; } .button-09:hover { transform: translate(-0.05em, -0.05em); box-shadow: 0.15em 0.15em; } .button-09:active { transform: translate(0.05em, 0.05em); box-shadow: 0.05em 0.05em; }
0 Comments