CSS - display:table;

CSSだけでスマホ等ではアコーディオンになるレスポンシブな疑似テーブル

Result See the Pen Pure CSS Responsive Accordion Table by kachibito (@kachibito) on CodePen. PCではテーブル、スマホやタ...

アニメーションする簡易的なバーチャート

Result See the Pen simple bar chart with css by kachibito (@kachibito) on CodePen. 必要最低限のCSSで実装する、みたいな、お手軽チャートの実装例です...

ダイヤモンド型のボタン

Result See the Pen DIAMONDS by kachibito (@kachibito) on CodePen. ダイヤモンドの形のボタン。 シンプルに、オブジェクトを回転させ、テキストだけ元の角度に戻してます ...

アニメーションで移動するスライダー式のradioボタン

Result See the Pen Radio buttons as a slider by kachibito (@kachibito) on CodePen. スライダー式に見せたradioボタンです。box-shadowを使...

センターに配置したテキストの両側を線で挟むやつ

Result See the Pen CSS line behind title text by kachibito (@kachibito) on CodePen. よくあるやつです。ベーシックな方法、spanを使わないパターン、...
Ads