要素が回転するローディングアニメーション作ろうと思ってるんだけど、せっかくだから新しいやり方を勉強しつつやりたいもの。やはりjs使わずhtml5とcss3でやるのがスタンダードかな？IE9までは対応したいので難しいだろうか…。皆さんならどういうやり方を検討しますか？

2:ID:yIAt7Z · 2017-06-22

車輪の再発明はできるだけ避けたほうが良いよ。すでにあるものを使おう

1いいね!

3:ID:gXveC. · 2017-06-22

IE9はすでにサポート終了していてブラウザシェアも1%いかないので対応しないほうが良いかと・・　わたしはjsとcssでつくっていますね

・ページ読み込み中にローディング画面を表示する
http://gimmicklog.main.jp/jquery/278/
・CSSやSVGで実装するローディングアニメーション 20＋α
http://www.nxworld.net/tips/css-and-svg-loading-animations.html

4:ID:主 · 2017-06-22

Re:2
たしかに…。具体的なイメージを指示されたので、なにかを元にしてカスタマイズすることで対応しようかな。

5:ID:主 · 2017-06-22

Re:3
IE9もうシェア1%なのか…。教えてもらったURL見てみます。やっぱjs使った方が融通ききそうですよね。ご意見参考になりました。ありがとう！

6:ID:ZTfDcn · 2017-06-23

gifアニメでいいです。スプライトアニメでもいいけどね。

7:ID:0l50iN · 2017-06-23

gifアヌメ

8:ID:Ximq7g · 2017-06-23

svgという手もある。
https://github.com/SamHerbert/SVG-Loaders

コメントの受付は終了しました。

7 件の回答

一緒に読まれている質問