ハローワールド。
とある要望があり、Monster Hunter Riseというゲームのクエストをランダムに選択する簡単なWebアプリを作りました。
https://sa2taka.github.io/monster-hunter-rise-quest-select/
クエストの表示が味気なかったので、なんかアニメーションでかっこよくできないかなぁと思いまして、色々作っていました。
その結果下記となりました。上記のURLにanimationというクエリパラメータをつけることで動く隠しモードです。
https://sa2taka.github.io/monster-hunter-rise-quest-select/?animation
出来としては、個人的には50点ぐらい。
その中で、右から伸びて左へと縮む線をCSSで書きたかったのですが、ぱっと検索したらなかったので備忘録として残しておきます。多分ちゃんと検索したらあります。