今どきのCSS3グラデーションの指定方法

意外とAndroid以外は最新ブラウザが正式な記述に対応しております。 正式な記述の対応が遅かったSafariやiOS、非対応のAndroidは比較的に古い段階から-webkit-gradientに対応してますので、-webkit-gradientも合わせて記述すると対応ブラウザを利用しているユーザーが一気に増えます。 IE9以下や上記の記述では対応できない古いブラウザにはちゃんとフォールバックを指定しましょう。 上記を踏まえると以下のように記述するのがシンプルでよいのではないかと落ち着きました。 /*Other Browser*/ background: #91bae4; /*For Old WebKit*/ background: -webkit-gradient( linear, left top, left bottom, color-stop(0.00, #b6e2fd), co

[Yukarigohan]

linear-gradient

[yoshida2855]

CSS3

[kunipon]

今どきのCSS3グラデーションの指定方法 今どきかはわからないですがCSS3グラデーションの指定方法を再考してみました。 Tags: via Pocket February 16, 2014 at 01:25AM

[kazuyadesse]

( ´ ▽ ` )ﾉ

[raimon49]

Android以外はlinear-gradient (to bottom)でOK

[UDONCHAN]

参考になる

[emj1025]

グラデーション

[poppun1940]

今どきかはわからないですがCSS3グラデーションの指定方法を再考してみました。 対応ブラウザ 現在の正式な記述「linear-gradient (to bottom)」とちょっとレガシーな記述「linear-gradient (top)」、それと古いWebKit用のgradientプロパテ

[yamadar]

topが良い。

[teramako]

いんたーねっとの闇がここにあった。2014年にもなって-webkit-を見ることになるとは…。

[kasumani]

今どきのCSS3グラデーションの指定方法 今どきかはわからないですがCSS3グラデーションの指定方法を再考してみました。 Tags: from Pocket February 05, 2014 at 02:33PM via IFTTT

[glat_design]

グラデーションはなくてはならないものでもないので、フォールバック対応で十分