こんばんは！もう春だ梅雨だと季節なんかすっとんで、一気に夏が来たような気がしている今日この頃ですが、みなさんいかがお過ごしですか？山本は少々死にそうになりながらアスファルトの上を歩いている日々です。
さて、暑さに死にそうになっていないで、今回は久しぶりにCSS3テクニックを更新させていただきました。
題材は「ローディングアニメーション」です。
WEBサイトをよくご利用になられる方はご存じではないでしょうか？しばらく画面にサイトが表示されるまでに待っていると、グーッと画面のど真ん中で伸びてくる、あの棒がローディングアニメーションです。
動くものを制作する、という言葉に難しいのではないだろうか？とアレルギーを持たれる方もいらっしゃるかもしれませんが、CSS3を用いれば、それほど難しいものではありません。
特にサイト制作者にはローディングインジケーターは必須となってきます。そこでコピペですぐに使えるように、様々なインジケーターを制作し、掲載しました。
お気軽にご利用ください。
やっぱりアニメーションって派手で私は大好きです。一昔前とは違って、本当にCSS3はイメージがなくても何でも叶えてくれる、魔法の言語になりつつあります。
どうぞ、BLACK SHIVACSS3テクニックを見ながら、自分のお好みのインジケータを制作して遊んでみてください。面倒な方は是非、私が作ったインジケータをコピペしてご利用ください！
by 山本