CSSだけでグラデーションを実現：WebKit

大野晋一（編集部）
2008/04/17 18:22

次期SafariではCSSでグラデーション指定が可能になるかもしれない。WebKitに-webkit-gradientという属性が実装された。

　WebKitがCSSのグラデーション指定をサポートした。Dave Hyatt氏のブログ「Surfin' Safari」で14日（現地時間）に明らかにされたもの。

　これまでCSSでの色指定はべた塗りが基本だったが、-webkit-gradientという属性を利用することで直線もしくは円方向へのグラデーションの指定が可能となる。

　Ajaxanではサンプルコードとそのレンダリング結果の画像が紹介されているので参考にされたい。

Surfin’ Safari - Blog Archive Introducing CSS Gradients
WebKit now supports gradients specified in CSS. There are two types of gradients： linear gradients and radial gradients.
builder extra - the Web filtered by humans, not bots
記事の感想やご意見をコメントでお寄せください（CNET_IDログインが必要です）
ログイン パスワードを忘れた方  |  新規登録
  • 新着記事
  • 人気記事
  • 特集
  • ブログ
  • 話題のタグ
開発環境 Mac OS X Linux Webアプリケーション開発 MySQL Google PHP Ajax Off Topic 小技 server Java Apache RIA Microsoft PostgreSQL オープンソース C/C++ リファレンス Internet Explorer イロハ iPod touch Apple Firefox HTML ブラウザ Eclipse Safari Python まとめ Flash Windows CSS Ruby on Rails Webデザイン XHTML Leopard SOA Database Tips Ruby iPhone フレームワーク JavaScript Firefox 3 Adobe Mozilla 入門 ライブラリ 仮想化
  • 話題のタグを見る »