※スマホ対応はしてません。

タグ: チュートリアル

CSSでiOS風の選択ボタンをつくるチュートリアル。(CSS おれおれ Advent Calendar 2012 – 10日目)

カテゴリー: CSS

CSS おれおれ Advent Calendar 2012 – 10日目

iOSの選択ボタン。HTMLでいうラジオボタン的なもの。”Segmented Control”というらしいです。

Segmented Control風ラジオボタン。

HTML

こんな感じです。

(さらに…)

角が丸いグループのCSSを組むチュートリアル。あのiOSっぽいやつ。(CSS おれおれ Advent Calendar 2012 – 04日目)

カテゴリー: CSS

CSS おれおれ Advent Calendar 2012 – 04日目

iOSでよくみるあのメニューっぽいのをCSSで組んでみたいと思います。

必要になる知識はこんな感じ:

  • border-radius
  • :first-child, :last-child
  • box-shadow

デモ

先に完成品です。

(さらに…)