Q&A
表題の通り、テキストをホバーしたときに下線が左から右に表示されるようにしたいです。
ただし、ただの下線ではなく添付のような曲線を含む線になります。
svgで書き出して、それを使うのかなという予想ではあるのですが、
実際の使用方法がよく分かりません。
どのようにするのが良いのでしょうか？
回答2件
0
ベストアンサー
アニメーション付きのSVGでもGIFでもAPNGでも用意して、:hover のルールで background-image でその画像を指定すればよいでしょう。
投稿2021/08/10 04:38
総合スコア21695
0
参考となるサイトがありました。
文字を線と見立てれば同様の仕組みで実現できるのではないでしょうか。
すぐ作れちゃう！？SVGを使った簡単手描き風テキストアニメーションの作り方 | LaunchCart
投稿2021/08/10 04:15
総合スコア1293
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。