小技紹介 [2]
送信ボタンの”見た目”立体化
[方法]
Filter,waveを使って立体化(従ってIEのみ)
input:hover { background-color:#cee; }
メタリックな色目が結構、気に入っています。 (^^♪
参考サイト:Domo-Domo IEのFilter、waveを使って立体的に
【スポンサーリンク】[方法]
Filter,waveを使って立体化(従ってIEのみ)
これに、カーソル通過時の背景色に変化を付けて見ました。input.btn {
color : #656565;
font : bold 15px;
padding : 2px;
background: #EEE8AA;
border : none;
filter : wave(freq=1 lightstrength=25 phase=0);
cursor : pointer;
}
input:hover { background-color:#cee; }
メタリックな色目が結構、気に入っています。 (^^♪
参考サイト:Domo-Domo IEのFilter、waveを使って立体的に
今回は使っていませんが、こんな事も出来ます。
□ 送信ボタンの角丸化
[方法]
(1)角丸ボックスをCSSだけで作る方法
margin と padding の設定を利用
参考サイト:1px欠けの角丸ボックスをCSSだけで作る方法
(2)jQuery を使った方法
プラグイン「jQuery Corners 0.3」を使用
参考サイト:jQuery Corners 0.3 | 設置サンプル
□ 送信ボタンの角丸化
[方法]
(1)角丸ボックスをCSSだけで作る方法
margin と padding の設定を利用
参考サイト:1px欠けの角丸ボックスをCSSだけで作る方法
(2)jQuery を使った方法
プラグイン「jQuery Corners 0.3」を使用
参考サイト:jQuery Corners 0.3 | 設置サンプル
- 【パソコン】[カスタマイズ]
- 関連記事
-
-
ブログのデザイン一部変更 2014/02/16
-
introduction の切り替え 2012/06/05
-
sticky 利用 2020/09/03
-
最新記事を画像(サムネイル)付きで表示 (1) 2014/02/09
-
各コメントにジャンプさせる方法 2009/08/23
-
小技紹介 [2] 2011/11/12
-
記事の表示件数 [2] 2009/08/29
-
オリジナルサイズ表示 2009/05/09
-
関連記事サーチ 2009/08/09
-