Hover State Effect Button
HTML
<!--Trying out something I saw on http://bolden.nl/-->
<div>Hover Here</div>
SCSS
body {
background-color: #fff;
}
div {
display: inline;
font-family: 'Rubik Mono One', sans-serif;
font-size: 3rem;
border: 10px solid black;
position: absolute;
top: 50%;
margin-top: -50px;
left: 50%;
margin-left: -225px;
padding: 25px;
&:hover {
transform: translate(-5px, -5px);
box-shadow: 10px 10px black;
}
&:active {
transform: none;
box-shadow: none;
}
}
