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

Browse By

[WEB DESIGN] Simple Round CSS Links (Wii Buttons) – CSSでデザインされたWiiライクなボタン

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

簡単に作る事ができて汎用性も高い、ウェブ用のボタン。名前の通りNintendo Wiiで使われるボタンに似せてデザインされています。といっても俺Wiiを触った事がないので、どこがどう似てるのか正直分かんないんですが、まぁ似てるんでしょう。ボタン自体は2つのHTMLタグと1つの画像、1つのCSSファイル(行数は結構あります)で作られており、汎用性も高そう。。この手のボタンにしては「イメージがひとつ?」って思ったので見てみると、横に長い、エッジ部が角丸の1枚のpngでした。じゃCSSで何かしてんなと思って見てみると、なかなかアクロバティカルなソースで大変興味深い。というかよく分かりませんw けど改変は簡単そうなので、デザイナー・コーダーの人は自分のネタ帳に加えておいて損はないかも。いつか何かに使ってみよう。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

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