FC2ブログ

プロフィール

Takuma Saitou

Author:Takuma Saitou
■ 自己紹介 ■■■■■■
コンテンツデザイナー・ディレクター
将来の夢はデザインの出来るウルトラマンになること。

↓↓↓↓↓↓↓
プロフィール詳細

■ 個人HP ■■■■■■
個人のイラスト作品から、お気に入りの写真の掲載・壁紙・メッセンジャー画像 配布してます。

↓↓↓↓↓↓
Takuma Saitou Art Works


カテゴリー


最近の記事


月別アーカイブ


上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
CSSかろうじで、なんとか現役です。
デザインは大丈夫。現役です。
Takumaです。

【CSS 3】
CSS のバージョンは複数あり、現在 Level 1 と Level 2、そして開発中の Level 3 がある。CSS3では全体がモジュール化され、ユーザエージェントがどのモジュールに対応し、どのモジュールに対応しないか自由に選択できるようになる他、縦方向の書字や、HTML以外の規格にまで関与した内容となっている。現在、どのモジュールも勧告には至っていない。(by ウィキペディア辞書)


それはそれは、2年か3年前のあの頃。
枠線(border)角まるや、ドロップシャドウは、計9マスのTableタグを形成し、
画像をスライスしてそれぞれに画像を入れていました。

いまでは、CSSコーディング化が進んで、もっとお手軽なやり方や
Ajax(というか、javascriptね)で簡単にid指定(or class指定)すれば出来てしまったり、いい時代になりました。。。

「あれもこれもそれも」


とか思っていたら、次世代ブラウザのSafari 3では、
CSS 3の草案「CSS3 Backgrounds and Borders Module」のプロパティの一つ「box-shadow」が「-webkit-box-shadow」というプロパティ名で利用できるらしいのだ。

Photoshopのように「色」や「縦横のオフセット」や「ぼかしの半径」まで設定可能。なってこったい。

詳しい、プロパティ設定は以下を参考に。(いろいろな活用方法も載ってる)

▼ボックスにドロップシャドウの効果をつける--Safari 3のCSS対応▼
http://builder.japan.zdnet.com/sp/css-firefox-safari/story/0,3800083423,20372207,00.htm

W3Cの勧告もまだだし仕事での実装はまだ早いけど、jsでおもしろいエフェクトとか公開されたらノリノリでTakumart.netに組みこむんだよなオレ。楽しみだな~。
スポンサーサイト

コメント

コメントの投稿


管理者にだけ表示を許可する

トラックバック

http://takumasaitou.blog114.fc2.com/tb.php/86-dbdc8560


Powered by FC2 Blog
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。