このページについて

shigexがHTML5とCSS3でコーディングにトライ。勉強しながら随時更新していきます。
（Internet Explorerには対応していません。）

CSS3 ドロップシャドウ

2010年7月7日（水）17:05

CSS3 回転

2010年7月4日（日）18:05

回転無し

回転有り

transformで要素を回転させてみた。単純に回転させただけでは、周辺の要素に被ってしまうので、transform-originにより回転の中心位置を指定する。その他にskew（歪み）などのファンクションもあり、3D的な効果の装飾を施すことが可能。

CSS3 角丸＆グラデーション

2010年6月13日（日）14:08

グローバルナビを、border-radiusで角丸・gradientでグラデーションにしてみた。

レイアウト作成

2010年6月12日（土）18:28

図表のキャプション

とりあえずアウトラインのみを設計してみました。HTML5で新たに追加されたタグの仕様を理解していないので、使い方に誤りがあるかもしれませんが、勉強してから追々修正していきます。articleタグとasideタグとsectionタグの使い方がイマイチ分からん…。