Gradation

最近，静的webサイトやブログを制作しているときにhoverエフェクトを考えているんだけど，今のマイブームは"Gradation"．

白い背景に黒のテキスト，それのhoverエフェクトでグラデーションをかけるとなんかオシャレになる，気がする．

この好きとは言ったが得意とは言ってないでもaタグを使っている部分ではhoverエフェクトでグラデーションをかけている．オシャレでしょ?

それだけ．

a:hover {
        color: #ffffff;
        background: linear-gradient(-90deg, #e73c7e, #0e5aff,#23a6d5, #23d5ab);
        background-size: 600% 600%;
        animation: gradientBG 4s ease infinite;
}

@keyframes gradientBG {
    0% {
        background-position: 0% 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0% 50%;
    }
}