さまざまなアニメーションのCSSを出力してくれるサイト「Animista」

  • このエントリーをはてなブックマークに追加
  • Pocket
  • LINEで送る

動きのあるボタンを
作りたい場合、
画像で作成するのが
今までの主流だったと思います。

しかし、CSS3でアニメーションを
簡単に作成することが
出来るようになりました。

画像ソフトを持っていなくても、
ちょっとしたアニメーションの
動きをボタンに装備できるのです。

そして、そのアニメーションを
簡単に作成して、CSSを出力してくれる
サイトがあります。

今回は、そんな便利なサイト「Animista」を
ご紹介させて頂きます。

Animista

http://animista.net/

まずは「Animista」にアクセスして、
「TRY ME!」ボタンをクリックします。

そうすると、様々なアニメーションが
用意されているので、気になるものをクリックすると
動きをプレビューしてくれます。

回転したり、バウンドさせたり、
背景色を変えたりなどなど。

さまざまなアニメーションが用意されています。

左側に表示されている「OPTIONS」で
微調整することもできるようです。

右側にあるアイコンをクリックすると、
そのアニメーションのCSSが出力されますので
コピペして使って下さい。

今回はアニメーションを簡単に作成して、
CSSを出力してくれるサイト
「Animista」をご紹介させて頂きました。

簡単に利用できるので、
どんな動きのアニメーションがあるのか、
是非一度チェックしてみてくださいね。

mt

起業初年度1000万円、その後ゆるやかに年商3000万円までを目標に起業に向けて一歩を踏み出したい方向けの起業専門メルマガです。最新のノウハウを始め、セミナーや限定サービスのご案内をご希望の方は今すぐ下記フォームより、メインで使っているメールアドレスをご登録下さい。家族との時間を大切にしながら自由自在に収入を増やせる起業家になる方法を余すことなくお伝えいたします。

メールアドレス(必須)

コミュニティ