Add a link hover animation
This commit is contained in:
parent
02de8056b1
commit
0f704a872e
1 changed files with 14 additions and 0 deletions
|
@ -32,6 +32,19 @@ body {
|
|||
|
||||
a {
|
||||
color: @primary;
|
||||
position: relative;
|
||||
text-decoration: none;
|
||||
|
||||
background: linear-gradient(to bottom, @primary 0%, @primary 0%);
|
||||
background-position: 0 100%;
|
||||
background-size: 0px 0px;
|
||||
background-repeat: repeat-y;
|
||||
transition: all 0.3s ease-in-out 0s;
|
||||
|
||||
&:hover {
|
||||
color: white;
|
||||
background-size: 100% 100%;
|
||||
}
|
||||
}
|
||||
|
||||
h1, h2, h3, h4, h5, h6 {
|
||||
|
@ -41,6 +54,7 @@ h1, h2, h3, h4, h5, h6 {
|
|||
|
||||
a {
|
||||
color: inherit;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue