この記事は私たちの一部です 「HTML 5 / CSS 3チュートリアルシリーズ」 - あなたをより良いデザイナーや開発者にするためのお手伝いをします. ここをクリック 同じシリーズの他の記事を見る. CSS3は次世代のスタイルシート言語です。それは影、アニメーション、トランジション、ボーダー半径などのような多くの新しくてエキサイティングな機能を紹介します。仕様はまだ確定されていませんが、多くのブラウザ製造業者はすでに多くの新機能のサポートを始めています. このチュートリアルでは、次のようないくつかの機能について調べます。 テキスト影, ボーダー半径, 箱影 ロッキング検索フィールドを作成するための遷移. この検索フィールドのフォトショップ版はAlvin Thongによって作成されたもので、ここからダウンロードできます。私は純粋なCSS 3を使ってこの検索フィールドを作り直そうとしました。それは注意することです すべてのブラウザがCSS 3機能をサポートしているわけではありません。 そしてこのチュートリアルを試すために、あなたはCSS 3機能をサポートする最新のブラウザのうちの1つを使うべきです. 準備はいい?始めましょう! 1. HTML5 Doctype HTMLマークアップから始めましょう。後はとても簡単です。 HTML5のDoctypeと 宣言、我々は持っています...