tel.0120-622835

営業時間/10:00〜18:00 
定休日/土日祝日

ブログ|アプリコットデザイン
トップページ > ブログ > ホームページで出来る素敵なデザインやアニメーション

BLOG

ブログ

UPDATE:2016.11.2

CATEGORY
仕事のこと

ホームページで出来る素敵なデザインやアニメーション

ホームページの装飾について少しお話したいと思います。
今はいろいろとオシャレなホームページを見かけますよね。
マウスや指で触ると色が変わったり滑らかに動いたりいろいろな機能が実装されていますね。

ホームページの動きや装飾の部分はCSSやJqueryといったプログラムを使っています。
特にCSSはレイアウトを整えたり動きを出せたりとなかなか出来る奴なのです。
今回はそんなCSSと言うプログラムを使ってこんなことが出来るよっていうのを紹介して行きたいと思います!

今回はボタンのアクションを紹介します。

まずはよく見るボタンです。
触ると背景の色が抜けて周りが赤くなります。

Button
次は下から蓋が閉まるようなボタンです。
Button
3つ目はクルッと回るボタンです。
ButtonButton
4つ目はボタンを押すと波紋が広がる仕様です。
Button
ホームページでよく見るボタンですがちょっとした一工夫でなんだかリッチになりましたね!

他にもエフェクトを変えればいろんな表現のボタンが作れます。

今回はボタンをいくつか紹介いたしましたが、後々もっとアニメーションの効いたものを紹介したいと思います!

Happiness in Design

シアワセをデザインする会社

営業ゼロで年間600件以上
お問い合わせをいただいている
ノウハウを惜しみなく。

アプリコットデザインには創業当初から営業マンはいません。
創業当初からWEBを活用することに重点を置いて、これまで試行錯誤してきました。その結果、年間600件以上の問い合わせををこのホームページから得ています。ホームページという集客ツールを提供している私たち自身が、自社のホームページで集客できないのでは、お客様に自信を持ってオススメすることはできません。自社の実験から「WEBを活用して集客するためのノウハウを蓄積」した上で、誰よりもホームページの素晴らしさを知り、自信をもってお客様にご提供していきたいと考えます。

VIEW MORE

CONTACT

お問い合わせ・ご相談は
お気軽にどうぞ。

tel.0120-622835

営業時間/10:00〜18:00 
定休日/土日祝日

プロジェクト

それぞれの
らしさ溢れる日常を。

カフェ、トリミングサロン、ネイルサロン、スクール「tone village(トーンビレッジ)」

カフェ、トリミングサロン、ネイルサロン、スクール「tone village(トーンビレッジ)」

カフェ/トリミングサロン/
ネイルサロン/スクール

2023.6.2(FRI)

GRAND OPEN

採用情報

recruit info

豊かで彩りのある社会をつくる!

私たちは仕事を通して、一人でも多くの人が未来に対する希望を描けるような、そんなワクワクする社会をつくっていきたいと思っています。

VIEW MORE