funny link hover attempt 2
This commit is contained in:
parent
027695cec0
commit
58691cf896
2 changed files with 13 additions and 17 deletions
|
@ -1,6 +1,6 @@
|
|||
{
|
||||
"name": "calckey",
|
||||
"version": "12.119.0-calc.9",
|
||||
"version": "12.119.0-calc.9.1",
|
||||
"codename": "aqua",
|
||||
"repository": {
|
||||
"type": "git",
|
||||
|
|
|
@ -483,23 +483,19 @@ hr {
|
|||
._link {
|
||||
color: var(--link);
|
||||
|
||||
// &::after {
|
||||
// content: '';
|
||||
// position: absolute;
|
||||
// width: 100%;
|
||||
// transform: scaleX(0);
|
||||
// height: 2px;
|
||||
// bottom: 0;
|
||||
// left: 0;
|
||||
// background-color: var(--link);
|
||||
// transform-origin: bottom right;
|
||||
// transition: transform 0.25s ease-out;
|
||||
// }
|
||||
&:after {
|
||||
content: '';
|
||||
position: absolute;
|
||||
bottom: 0;
|
||||
left: 0;
|
||||
width: 0%;
|
||||
border-bottom: 2px solid var(--link);
|
||||
transition: 0.4s;
|
||||
}
|
||||
|
||||
// &:hover::after {
|
||||
// transform: scaleX(1);
|
||||
// transform-origin: bottom left;
|
||||
// }
|
||||
&:hover:after {
|
||||
width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
._caption {
|
||||
|
|
Loading…
Reference in a new issue