Webやアプリのデザイントレンドを紹介。たまに雑談。

Browse By

[CSS3] Design a Prettier Web Form with CSS 3 – CSS3で装飾されたウェブフォーム

  • Pocket
  • このエントリーをはてなブックマークに追加

一般的なメールフォームを、CSS3を使って装飾した作例。デモページはこちら。ソースもダウンロードできます。作業の流れとして、まずはCSS2.1レベルでコーディングしてから、その後でCSS3独自のプロパティを追加していきます(Step3から)。例えばボックスシャドウ、グラデーションなどがそれ。そして最後に、CSS3未サポートのブラウザ用に画像切り出しなどを行っています。「レガシーブラウザ使う奴が悪いんだYO!」という乱暴な事はせず、仕上げの作業が丁寧な点が素晴らしい。

コメントを残す

メールアドレスが公開されることはありません。

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください