「.NET 開発基盤部会 Wiki」は、「Open棟梁Project」,「OSSコンソーシアム .NET開発基盤部会」によって運営されています。
目次 †
概要 †
- CSS 2.1を中核とし、新たな機能の追加や改良をモジュールで実現
- 新規の仕様を加えた規格で互換性がある（従来の記述と混在が可能）。
- Javascriptに頼ってきた部分をCSSだけで実装することが可能
勧告されているモジュールは以下の通り。
CSS Color Module Level 3 †
- 勧告 2011年6月
- 前景色とグループ不透明度のための CSS値と各種プロパティ。
CSS Namespaces Module †
- 勧告 2011年6月
- CSS において名前空間を利用するための構文を定義
Selectors Level 3 †
- 勧告 2011年9月
- XML 文書からノードを選択する際に用いられる新しいセレクタについて定義。
Media Queries †
- 勧告 2012年6月
- メディアタイプと、メディア特性を利用してCSSの適用条件を決定する一つ以上の式
レイアウト（Flexbox） †
Flexbox = Flexible Box Layout Module
CSS3から導入された、古のテーブルレイアウトやfloatに変わる新しいレイアウト方法
スタイル †
- 角丸とグラデーション（ボタン）
- アコーディオンメニュー
- モーダルウィンドウ
参考 †
保存版！CSS3で出来る素敵なデザインやアニメーションをまとめてみた †
↓色々なことができるのを確認できる。
覚えておくと便利なセレクタ †
- ドロップシャドウ
box-shadowで指定した要素に影を付ける。
- 角丸とグラデーション
ボタンの作成に便利。
- border-radius(角丸)
- linear-gradient(グラデーション)
- 要素を均等に横並び
- ボックスモデルの定義を変える
- 指定領域をオーバーしたときに省略符号「…」
- テキスト選択時のハイライトカラー
jQueryを置き換えるCSS3テクニック †
CSS3で実現するアニメーション †
- 多彩なホバー効果
- アニメーションの基本
- 写真を揺らす
- ローディング
- エンドロール
CSS3で実現するデザイン †
- 吹き出し
- リンクマーク
- パンくずリスト
- すりガラス
まるで画像/FLASHのような実装例 †
一夜漬けでCSS3をマスターするために見ておくべきコードのまとめ †
↓色々なことができるのを確認できる。
一夜漬けでCSS3をマスターするために見ておくべきコードのまとめ
[Japanese Version Only] - jsdo.it - Share JavaScript, HTML5 and CSS
http://jsdo.it/event/topics/2011/07/css3showcase
display:boxを使ったレイアウト †
CSS3の数行で作る簡単な3カラムレイアウト
段組み †
multi-colmun
角丸やグラデーションを組み合わせたボタン †
- 画像を使わずにCSS3だけで実装するweb2.0風ボタン
- CSSで押し心地のいいボタン
- CSS Only Download Button
CSS3をつかったUIパターン †
- リングメニューをCSSで実装してみる
- CSSだけでスルスルDropDownMenu?！
- css3 タブ
CSS3でフォームを装飾する †
CSS3でつくるええ感じのテキストボックス
CSSでスクロールバーを装飾する †
- ::-webkit-scrollbar
- CSS3 -webkit-scrollbar
CSS3で作るデザインパターン †
- 「縫い付け」風スタイル
- 背景色がじわじわ変わるCSSトリック
- かわいいふきだし
CSS3のアニメーション †
- コピペで使えるCSS3アニメーション
- CSS3AnimationLibrary?
CSS3を便利に使うツール系 †
- CSS △
- CSS3 Prefix Generator
もはやネタ！CSSだけで作っちゃった無茶な作品 †
- CSSではちゅねミク3D
- CSSだけでRPGっぽい仕組み（3Dバージョン）
- CSS PANIC
- Pure CSS お絵かきロジック
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
