Add RSS hover animation.

This commit is contained in:
凡梦星尘 2022-05-06 22:53:26 +08:00
parent bb482faeec
commit e9826e652b

View File

@ -30,6 +30,43 @@
border-bottom: none;
}
.rss-link a:hover {
/* .rss-link a:hover {
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);
}