NxWorld

スマートフォンサイト制作時に覚えておきたいCSS 15

矢印アイコン #1

矢印アイコン #2

Pure CSS Accordion

Accordion 01 contents

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Accordion 02 contents

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Accordion 03 contents

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Accordion 04 contents

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Accordion 05 contents

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

フォーム要素のデフォルトスタイルを削除

デフォルト

♂ 

Music Movie Sport Book

-webkit-appearance: none;

♂ 

Music Movie Sport Book

ラジオボタンやチェックボックスを選択しやすくする

デフォルト

デフォルト デフォルト

scale 1.5

scale 1.5 scale 1.5

scale 2.0

scale 2.0 scale 2.0

テキストが表示領域をオーバーフローした際に「…」を表示