CSS アニメーション

時の権力者ってのは傲慢なものです。あるリソースを利用してあたかも所有物のごとく他人を牽制するのがメディア（一部アニメ）を支配するやくざならぬ政府ってものです。質問の形をしたパワハラなんて誘導尋問そのもの。

おまえが作った規格じゃないだろ。

おまえが書いたページじゃないだろ。

おまえの書いたプログラムじゃないだろ。

これを乗っ取って利用する輩を排除したい。これはもう自分で書くしかないですね！ってことで CSS アニメーションの書き方です。

基本はこれですね。

#rectangle{
  background:#808080;
  margin:0px auto;
  width:400px;
  height: 200px;
  animation: fadeIn 10s;
}

@keyframes fadeIn {
    0% { opacity:0; }
    100% { opacity:1; }
}

このひな形があればあとは応用するだけ。これの一部分を隠して表示、代償を要求などすればやくざですね。これをビジネスなど呼びならわす連中は Google 先生が退治してくれる（はずなわけはないですね）。

こんな感じでCSSアニメーションが書けます。

See the Pen Happy New Year 2020 by easai (@easai) on CodePen.