HOME > ボタン

ボタン一覧

2014.04.16

CSSを使ってクルッと回るボタンを作る方法

クルリンパ

Webサイトには必ず必要なナビゲーション。メインナビゲーションの場合hoverした時にあまり大きなアクションではなく、色が変わるなどの方が見やすくて良いのかもしれません。ですが、特別なボタン、ビジュアルを使ったボタンなどはhoverした時にインパクトを与えるアクションがあっても良いかもしれません。CSSを使ってボタンをクルッと回転させてみましょう。

2014.03.14

CSSを使ってボタンのデザインを背景に設置する方法

ボタンを背景に設置

メニューは通常画像を切って設置しています。ロールオーバー時にはjqueryを使ってon、offで画像を切り替えたりします。PCサイトだけですとそれで問題ないのですが、レスポンシブWebデザインの様なブラウザによって可変するサイトなどでは、レイアウトが取りずらい。そこで、ボタンのデザインをCSSを使って背景にする方法で解決したいと思います。使い方によって色々できるので面白いと思いますし、htmlも綺麗になりますよ。