Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <style>
- @font-face {
- font-family: lovely;
- src: url(https://dl.dropbox.com/s/xde2bkhiie1bm8r/LovelyRegular.ttf);
- }
- .hover-underline-animation {
- display: inline-block;
- position: relative;
- color: #0087ca;
- font-family: lovely;
- font-size: 20px;
- font-weight: bold;
- }
- .hover-underline-animation:after {
- content: '';
- position: absolute;
- width: 100%;
- transform: scaleX(0);
- height: 2px;
- bottom: 0;
- left: 0;
- background-color: #0087ca;
- transform-origin: bottom right;
- transition: transform 0.25s ease-out;
- }
- .hover-underline-animation:hover:after {
- transform: scaleX(1);
- transform-origin: bottom left;
- }
- </style>
- <p class="hover-underline-animation"><a href="URL">home.</a></p>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement