読み込んだときに文字の上に塗りつぶした長方形をはしらせるアニメーション

Question

https://www.human.or.jp/
こちらのサイトの右上のハンバーガーメニューをクリックすると、中身のメニューテキストの上に白い長方形がアニメーションしています。
このような読み込み時に四角形を被せて消えるという動きは頻繁にみかけて再現してみたいのですが、解説しているようなサイトを検索しても見つけることができません…
いろんなとこで利用されているのである程度メジャー？なのではないのかと思っているのですが、
このような動きに名前がついているのか、よく言う名称がついてるのかどうかもわからず、解説しているサイトを探すことができませんでした。

このような動作のアニメーションのsampleが載っているサイトや解説しているサイトをご存知あるかたいらっしゃいませんでしょうか。

Answer 1

https://whatsupguys.net/programming-learning-105/
こちらのサイトを参考にしてみてはいかがでしょうか。
それらしい名前は見つかりませんでしたが、ソースコードが同じだったので、どこかに掲載されているかもしれません。(見つけられませんでした。)

他にもソースコードが同じだったサイト（おまけ）
・https://human.or.jp/
・https://www.ishikawa-dental-clinic.com/
・http://www.inoue-shikaiin.com/

Comments

[simejinekoko]

参考に他サイトまで...ありがとうございます。
解説しているサイトを見たことがなかったのでとても助かりました。
ありがとうございました。