ローディングを作ってみた【HTMLとCSS】
![Thumbnail of post image 108](https://prog.temochic.com/wp-content/uploads/2019/11/loading-sample-150x150.png)
何を作るのか
ローディングのサンプル
完成したもの気をつけたところ・特になし
今回のことで得た知識・ローディングの速さは今まで気にしたことがなかったですが、
速さによって感じ方が
エンドロールサンプル【Keyframes+animation】
![Thumbnail of post image 103](https://prog.temochic.com/wp-content/uploads/2019/11/endroll-sample-150x150.png)
何を作るのか
エンドロールのサンプル
完成したもの気をつけたところ・特になし
今回のことで得た知識今までは0%から100%の書き方しか知りませんでしたが、
fromからtoは0
アニメーションサンプル【Keyframes+animation】
![Thumbnail of post image 041](https://prog.temochic.com/wp-content/uploads/2019/11/animation-sample-150x150.png)
何を作るのか
アニメーションのサンプル
完成したもの気をつけたところ・keyframesやanimationの使い方
今回のことで得た知識・animationの時間や表示方法
ソース