アニメーションサンプル【Keyframes+animation】

何を作るのか

アニメーションのサンプル

完成したもの


気をつけたところ

・keyframesやanimationの使い方

今回のことで得た知識

・animationの時間や表示方法

ソースコード

ソースコードを見る。(Codepenで表示されます。)

デモサイト

https://temochic.com/sample/animation-sample

https://codepen.io/Sonick/full/HthaI

https://meigen-ijin.com/stevejobs/
http://apple-wallpapers.nobon.me/wp-content/uploads/maxresdefault-5.jpg
https://www.apple.com/jp

あとがき

今回は、codepenを徘徊している時に見つけたアニメーションに少し変更を加えたのみとなりました。

このままでは身につかないので、少しの間はアニメーション関係をどんどん進めていきたいです。

今はひとつの名言ですが、いずれは、複数の名言が表示できるようにしたい。。