Add RSS hover animation.
This commit is contained in:
parent
bb482faeec
commit
e9826e652b
@ -30,6 +30,43 @@
|
|||||||
border-bottom: none;
|
border-bottom: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.rss-link a:hover {
|
/* .rss-link a:hover {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
|
} */
|
||||||
|
@keyframes wobble-vertical {
|
||||||
|
16.65% {
|
||||||
|
transform: translateX(8px);
|
||||||
|
}
|
||||||
|
|
||||||
|
33.3% {
|
||||||
|
transform: translateX(-6px);
|
||||||
|
}
|
||||||
|
|
||||||
|
49.95% {
|
||||||
|
transform: translateX(4px);
|
||||||
|
}
|
||||||
|
|
||||||
|
66.6% {
|
||||||
|
transform: translateX(-2px);
|
||||||
|
}
|
||||||
|
|
||||||
|
83.25% {
|
||||||
|
transform: translateX(1px);
|
||||||
|
}
|
||||||
|
|
||||||
|
100% {
|
||||||
|
transform: translateX(0);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
.rss-link a:hover {
|
||||||
|
animation-name: wobble-vertical;
|
||||||
|
animation-duration: 2s;
|
||||||
|
animation-timing-function: ease-in-out;
|
||||||
|
animation-iteration-count: 1;
|
||||||
|
}
|
||||||
|
|
||||||
|
.rss-link a:hover > i {
|
||||||
|
-webkit-transform: scaleY(-1);
|
||||||
|
transform: scaleY(-1);
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user