5恐ろしいCSS3の特長
多くのエキサイティングな新機能と機能CSS3のためを思っている。 私たちは挑戦すると、このページのショーケースうちのいくつか。 したがって、これら5つの恐ろしいCSS3の機能を見て、私たちのコメントで自分の考えを知ることができます。
ここでは、有用なCSS3のヒントです。 私は、あなたの次のデザインプロジェクトのための非常に便利なインスピレーションを願っています。 ありがとう!
1。 丸いコーナー
各コーナーのイメージを持ってする必要はありません。 今自分自身をレンダリングすることができます!
コード
。ボックス ( ; 背景色 :#6b6b6b; は- moz - border - radiusで:7px; - WebKitの- border - radiusで:7px; solid # 000 ; 国境 :1px 固体 #000; ; パディング :10px; 幅:500px; ; カラー :#333; )
2。 テキストの影
テキストをどのように影を追加するにはをご覧ください。 これはCSS3のテキストをサポートしている唯一のWebブラウザ- shadowプロパティのSafariです。
コード:
H1の( 2px 2px 2px ; テキストの影 :#9c9c9c 2px 2px 2px; ; 色 :#993333; )
3。 国境画像
CSS3のもう一つのエキサイティングな新しい境界機能は、プロパティの国境をイメージされます。 学ぶ方法を適切に画像を使用する
4。 任意のカスタムフォントを使用して
場合は、パスを指定するCSS 3の、そしてそれは、CSSクラスまたはidを適用するテキストをレンダリングすることができるフォントファイルを読むことができます
5。 複数の背景
最後に1つ以上の背景の1つの要素を適用することができます。
良い場所いくつかの素晴らしいCSS3の機能をチェックアウトするためにウェブサイトをCSS3.infoという名前です。
もし私たちからより多くのインスピレーションを受ける希望してくださいRSSフィードや電子メールによって私たちのフィードを購読する考えてみましょう。
関連記事:
場合は、この資料には、以下の関連記事をチェックアウトしてください。読書を楽しんだ:


























































Deepuバラン 書かれています:2009年12月午後3時16サイード:
ヒントのおかげで... ...しかし、テキストの影CSS2のプロパティは、私の知る限り、そのCSSのレベル3のプロパティを知っている。 サファリは、テキストとともに- shadowプロパティFirefox3.5で、私は推測もIE9サポートされます。
- Deepu
アンディウォルポール 書かれています:2010年1月13日8時33で言った午前 :
子供たちは十分にCSS3のを得ることができません。
私はすべて5上記の例を使用したこと、それらはすべて視覚的に印象的です。
2,3年、是非、それらすべてのWebサイトを構築する上で基準になるだろう。
..アンディウォルポールの最後のブログ 、 インターネット、10年前の今月- 2000年1月