cssのアニメーションについての設定方法を探しています。

Question

cssのアニメーションについての設定方法を探しています。

実装したい事としまして
例：80pxの文字が20文字分あるとして、その上をheight80pxのラインが左から右へ２０文字分流れて消えるような設定です。

animation.cssでfadeOutRightを試したのですが、うまく文字の上を這わず、かつ画面の端までいってしまいます。
文字分だけをきれいに流すことが出来ないため行き詰まってしまい、どなたかご存じの方ご教示頂けないでしょうか？

よろしくお願いいたします。

Answer 1

質問文だけからは何をしたいのか正確に伝わらないのですが、
下記の質問と似たようなことでしょうか。

CSS3 - @keyframes 、 animationで、テキストの長さの分だけ動く背景色をつけたい｜teratail

いちおうその時の回答用のサンプルを提示しておきます。

テキストの長さの分だけ動くオーバーレイブロック

もし、これとは違うなら、これをもとにどの辺が違うのか具体的に説明してください。

Comments

[HIDETAKA0711]

瞬時に解決いたしました！
URLまでご丁寧にありがとうございました！