http://www.sbenergy.jp/study/data/上記サイトのようなアニメーションをつけたいと思っているのですが、これはどのような方法で作っているのでしょうか？イラスト画像がくるっと回転したり、グラフが上にのびて数字が表示されるなどのアクションをつける方法を知りたいです。CSSアニメーションのようなのですが、ソースをみてもどうやって作っていくのかが分かりませんでした。このjs、cssを使う、またはこのソフトで作成できるなど、ご教授のほどよろしくお願いします。
CSS3 アニメーションなのでリンク先あたりを参考にすれば作れるかと。
早速ありがとうございます。上記サイトを参照してみます。
ん？本当にソースみたんですか？ソースみて理解でいないということは、ここで聞いても理解できないと思う。
CSS ファイル
ttp://www.sbenergy.jp/assets/css/style.css
JS ファイルttp://www.sbenergy.jp/assets/js/util.js
これで理解できないなら諦めましょう。
本当コレ。
ご指摘ありがとうございます。もう一度しっかりソースを見て確認見たいと思います。
これで理解出来ないなら諦めるんじゃ無くて、是非調べてみてください〜b
そうですね。SVGなどもあるようなので、いろいろ調べてみます！
色々ライブラリあるよ。これとか
ありがとうございます。こちらも参考にさせていただきます！
回答じゃなくてごめん。サイト見たけど「Google Chromeの一部バージョンでは正常動作しない場合があります。」は珍しいなｗ IEならわかるけど。
回答じゃなくてもレスうれしいです。あ、ほんと注意書きがありましたね。ほんと珍しい、初めてみたかも。
みんなの回答 4 件
CSS3 アニメーションなのでリンク先あたりを参考にすれば作れるかと。
CSS3 アニメーションの基礎 @keyframes transform | Ri-mode Rainbow
http://ri-mode.com/rainbow/2013/06/10/css3_keyframes_transform/ん？本当にソースみたんですか？
ソースみて理解でいないということは、ここで聞いても理解できないと思う。
色々ライブラリあるよ。これとか
Chart.js | Open source HTML5 Charts for your website
http://www.chartjs.org/回答じゃなくてごめん。サイト見たけど「Google Chromeの一部バージョンでは正常動作しない場合があります。」は珍しいなｗ IEならわかるけど。
関連するトピックス