よく使うCSS3まとめ
モジュール単位で開発が進んでいて、まとまったものでCSS3というものはない。
ほとんどのブラウザ(IE9以上)
新しいものは1.0になっているし、作業草案にはLevel4まで進んでいるものもある。
ドロップシャドウ
ブロック系 box-shadow ・・・画像などのインラインブロック要素も含まれる。display:blockにしたもの。
インライン text-shadow
角丸 borde-radius
グラデーション プロパティは background-image
※imageです。
※カンマで区切って複数のグラデーションをかけられます。
値に innear-gradient()
radial-gradient()
(他にrepeating-・・・も)
影を引き伸ばしてぼかして使う。そして色。影を内側へinsetの位置は最初に書いてもOK
2015年9月時点 上記のものは大丈夫だと思いますが、確定寸前で消えるものもありますし、モジュール毎なので来年には使えるCSSが増えている事は間違いないです。
グラデーション画像に関しては、IE9が対応していませんので、まだしばらくは画像を使うほうがよいでしょう。