UPDATE:2016.11.2
- CATEGORY
- 仕事のこと
ホームページで出来る素敵なデザインやアニメーション
ホームページの装飾について少しお話したいと思います。今はいろいろとオシャレなホームページを見かけますよね。
マウスや指で触ると色が変わったり滑らかに動いたりいろいろな機能が実装されていますね。
ホームページの動きや装飾の部分はCSSやJqueryといったプログラムを使っています。
特にCSSはレイアウトを整えたり動きを出せたりとなかなか出来る奴なのです。
今回はそんなCSSと言うプログラムを使ってこんなことが出来るよっていうのを紹介して行きたいと思います!
今回はボタンのアクションを紹介します。
まずはよく見るボタンです。
触ると背景の色が抜けて周りが赤くなります。
次は下から蓋が閉まるようなボタンです。
3つ目はクルッと回るボタンです。
4つ目はボタンを押すと波紋が広がる仕様です。
ホームページでよく見るボタンですがちょっとした一工夫でなんだかリッチになりましたね!
他にもエフェクトを変えればいろんな表現のボタンが作れます。
今回はボタンをいくつか紹介いたしましたが、後々もっとアニメーションの効いたものを紹介したいと思います!