Payament
Free Photos
WordPress Themes

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; } }
JAVASCRIPT
Expand for more options Login