インターネット・アカデミー オフィシャルブログ
About

タグ:CSS3

「Animista」でオリジナルCSSアニメーションを作ってみよう!

2017.03.28

「CSSアニメーションを使ったボタンが作りたい!...でも、もともと設定が決められたアニメーションボタンだとつまらない...。」 そんな風にお考えの方にぴったりの「Animista」というサイトを本日はご紹介します。 このサイトでは、ブラウザ上で回転や色、向き、バウンドといった様々なアニメーションを自分の好きな設定で作った後、CSSコードの出力が無料でできるようになっています。 自分でアニメーションをカスタマイズしてオリジナルの動きを考えられる、というのがうれしいですよね。 さっそく、使い方をご紹介します。 「Animista」の使い方 「Animista」にアクセスをすると、ロゴと一緒に「TRY ME!」のボタンが表示されますので、それをクリックしましょう。 すると、次のようなアニメーシ

つづきを読む

簡単かつ軽い!アニメーション付きCSSボタンが作れる「Bttn.css」

2017.01.30

Webサイトには、作り手としてクリックを促したいボタンがいくつもありますよね。 特に、ショッピングサイトにおいては「購入ボタン」が押されなければ意味がありませんし、動画配信サイトにおいては「再生ボタン」をいかに目立たせてクリックを促すかが重要です。 クリックを促すために、ボタンデザインにおいて気をつけるべきポイントはいくつかあります。 たとえば、ボタン上の表記を分かりやすくする、とか、押しやすいサイズで作成をする、ページ内で明るく目立つ色を選ぶ、などなど。 また、最近ではボタンを画像で作成するのではなく、CSSでおしゃれで動きのあるボタンを作成するのも当たり前になってきました。CSSでボタンを作成することで、圧倒的にファイルサイズを軽くし、かつ様々なエフェクトを柔軟に適用することもできるよ

つづきを読む

テーマテーマ

最新の記事最新の記事

スタッフ別ブログスタッフ別ブログ

アカデミー最新本アカデミー最新本

初心者から楽しんで学べるようPHPを徹底解説。さらに資格取得も目指せるので、PHPを学びたいすべての方にオススメです。