HTML,CSS,PHP,ワードプレスカスタマイズ 技術情報資料

小賢しいけどちょっと便利なCSSグラデーション

css3 でやる方法。
ここを直接どうぞ
 
問題は、これをタグ項目に設定してしまうとクリアできなくなるってところ。
background-image: -webkit-linear-gradient(#ddd, #bbb);
こういうのをクリアさせるにはどうするんだろう?
background-image: none; ではクリアされない。
 
もっとも FireFox や Mozilla系ブラウザ では、うにゃうにゃってことだから、
基本的につかっちゃだめなんだよね。
グラデーション使うときは、だまって画像を作るのもありじゃないかな?
 
 
角度を省略すると上から下(0度から180度)、縦方向に色が変化する。 [FRM: r] background: linear-gradient({角度,}開始の色, 次の色・・・); 角度は deg [/FRM]  
[FRM: r] [MTXT:]

グラデサンプル

左から右グラデサンプル

スポンサーリンク

何色か交代グラデサンプル

[/MTXT] [/FRM]  

グラデサンプル

左から右グラデサンプル

何色か交代グラデサンプル

関連記事

スポンサーリンク

カテゴリー