hover時、ラインが引かれるような色の変化が、視覚的にリッチな印象を与える。

CSSの:before , :afterとtransitionとtransition-delayを駆使し、CSSのみで制作されたこの動きはとても勉強になる。

特に、右下の角を取る組み方はいつか実際に実装してみたい。

hover処理のためPCほどではないものの、 SP版でもラインの動きを確認することが可能。

その他にも電気回路のようなデザインが多くみられるサイトの一つ一つの組み方にも注目したい。