add growing
This commit is contained in:
@ -43,6 +43,7 @@ a {
|
||||
width: 100%;
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.swappinlink::before {
|
||||
background-color: #54b3d6;
|
||||
height: 2px;
|
||||
@ -76,4 +77,27 @@ a {
|
||||
|
||||
.swappinlink:hover span {
|
||||
transform: translate3d(-200%, 0, 0);
|
||||
}
|
||||
|
||||
/**/
|
||||
.growinglink {
|
||||
text-decoration: none;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
.growinglink::before {
|
||||
content: '';
|
||||
background-color: hsla(196, 61%, 58%, .75);
|
||||
position: absolute;
|
||||
left: 0;
|
||||
bottom: 3px;
|
||||
width: 100%;
|
||||
height: 4px;
|
||||
z-index: -1;
|
||||
transition: all .3s ease-in-out;
|
||||
}
|
||||
|
||||
.growinglink:hover::before {
|
||||
bottom: 0;
|
||||
height: 100%;
|
||||
}
|
Reference in New Issue
Block a user