BLOGスタッフブログ
ホームページで出来る素敵なデザインやアニメーション
UPDATE : 2016.11.02
- CATEGORY :
- Apricot Staff
Apricot Staff
今はいろいろとオシャレなホームページを見かけますよね。
マウスや指で触ると色が変わったり滑らかに動いたりいろいろな機能が実装されていますね。
ホームページの動きや装飾の部分はCSSやJqueryといったプログラムを使っています。
特にCSSはレイアウトを整えたり動きを出せたりとなかなか出来る奴なのです。
今回はそんなCSSと言うプログラムを使ってこんなことが出来るよっていうのを紹介して行きたいと思います！
今回はボタンのアクションを紹介します。
まずはよく見るボタンです。
触ると背景の色が抜けて周りが赤くなります。
次は下から蓋が閉まるようなボタンです。
3つ目はクルッと回るボタンです。
4つ目はボタンを押すと波紋が広がる仕様です。
ホームページでよく見るボタンですがちょっとした一工夫でなんだかリッチになりましたね！
他にもエフェクトを変えればいろんな表現のボタンが作れます。
今回はボタンをいくつか紹介いたしましたが、後々もっとアニメーションの効いたものを紹介したいと思います！
RELATED POST関連する記事
CATEGORY
- ブログ一覧
- Apricot Staff（1260）
- Aruga（517）
- Tokutake（48）
- Sato（150）
- Yokota（193）
- Nohara（48）
- Nakade（189）
- Hoshino（65）
- Muraishi（144）
- Wakashima（246）
- Nakamura（697）
- Yamazaki.y（75）
- Yamazaki.a（48）
- Tsukiyama（149）
- Sasayama（143）
- Nakano（47）
- Deura（50）
- Terashima（66）
- Yamamoto（15）
- Murakami（19）
- Umehara（88）
- Hirabayashi（13）
- Ishita（6）
カテゴリーから選ぶ
- ブログ一覧
- Apricot Staff（1260）
- Aruga（517）
- Tokutake（48）
- Sato（150）
- Yokota（193）
- Nohara（48）
- Nakade（189）
- Hoshino（65）
- Muraishi（144）
- Wakashima（246）
- Nakamura（697）
- Yamazaki.y（75）
- Yamazaki.a（48）
- Tsukiyama（149）
- Sasayama（143）
- Nakano（47）
- Deura（50）
- Terashima（66）
- Yamamoto（15）
- Murakami（19）
- Umehara（88）
- Hirabayashi（13）
- Ishita（6）
RANKING
BLOG AWARD
WORKS制作実績
-
UPDATE：2022.05.21
- CATEGORY：
- ブランディングホームページネットショップ
- BUSINESS：
- 小売・飲食業
ORI ORI
-
UPDATE：2022.05.21
- CATEGORY：
- ブランディングホームページ
- BUSINESS：
- 学校・保育園・スクール・塾
大倉山ミュージックアカデミー
-
UPDATE：2022.05.20
- CATEGORY：
- ホームページ
- BUSINESS：
- 整体院・整骨院・鍼灸院
ぽぷら整骨院
-
UPDATE：2022.04.21
- CATEGORY：
- ブランディングホームページ
- BUSINESS：
- 人材サービス・コンサルティング
Think for Design
