JavaScript - このストロークのアニメーション効果はどのようにして実現されるのでしょうか?

Question

このストロークのような効果は、マウスをその上に置くと表示されますが、純粋な CSS で実現できますか?同じ効果を達成するにはどうすればよいでしょうか?

Answer 1

最初は疑似クラスを使って実装しようと思ったのですが、z-indexでは扱えないようなので、こんな感じでシミュレーションしてみました。
デモ

リーリー

Answer 2

主にアニメーション遅延属性に依存して実現できます、自分で検索できます

Answer 3

SVGです。