Tag:CSS3TwitterFacebookHatenaPocket1年ほど前に、画像を使わないで、CSSを使ってグラデーションする!!(IE対応)という記事を書いたのですが、久しぶりにIEを立ち上げてデモを見てみると。いう事態が起きていたので修正し、改めてここで復習の意味も込めてまとめておこうと思います。大きな変更点これまでのバージョンでも様々な記述方法がありますが、ここでは、IE10のみに絞って書いて行きます。つけない形式でサポートされる。草案にあるプレフィックスありの記述もサポートしているみたいなので、一応従来通り記述していれば問題無さそう。方向などのキーワードここが実にぐぬぬぅとなりそうなところです。置かれ、終了点に基づいてグラデーション線の方向を示します具体的には、上から下へは以下のようになります。後に置かれ、指定された四分円から開始して反対の四分円で終わるグラデーション線を指定します。つの角の間に描かれる線と交差します。具体的には、左上から左下へは以下のようになります。反時計回りに大きくなるから、時計回りに大きくなるへ変更になっています。具体的には、中心からは以下のようになります。#FFF);ここまでがさっくりとした変更点のまとめです。#fff);と、書けばよさげです。ブラウザ対応表ほかのブラウザ状況も合わせて書こうかと思ったのですが、とても綺麗にまとめて表にしてくださっている方がいたのでそちらをご紹介させていただきたいと思います。すごく参考になりました。画像を使わないで、CSSを使ってグラデーションする!!(IE対応)おすすめ書籍HTML+CSSデザイン|基本原則、これだけ。Siteこのサイトは、WEBについての情報を発信していくプライベートブログです。技術的なことやWEBサービスについて等、『こんなのあったんだ』や『これ楽しそう』なことを書いていこうと思っています。ご意見・ご要望・ホームページの制作などお仕事の依頼等は、お問い合わせページよりお気軽にご連絡ください。Twitterブログ更新情報や気になることをツィートしています。