CSSリストに関する5つのテクニック集
2009年08月08日-
スポンサード リンク
5 CSS tricks with lists | Pieter Beulque
ul, ol, dt などのリストを使った各種テクニック集が紹介されています。
(1) 数値部分とリスト部分のデザイン分け
(2) メニュー風のリスト作成
(3) 最後の要素がフェードアウトするリスト作成
(4) 飲食店のメニュー風にスタイルされたリスト作成
(5) 1つのリスト要素を複数行にするリスト作成
HTML、CSSがサンプルとして公開されています。
知っておくと便利そうなテクニックですね。
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- ホバー時にCSSで下線などをアニメーション表示するサンプル
- iPhone, iPad, Mac, Android などのフリーのベクターモックアップ
- macOS用の使いやすいカラーピッカー「pika」
- CSSでボタンにサイバーパンク効果を与えるサンプル
- カラフルな球体をWEB上でうごかすThree.jsをつかったサンプル
- ダークモード対応のミニマルなHTMLページを作れるCSS「spcss」
- CSSのみで実現できるローディングアニメーションやエフェクト集「Css Effects」
- スムーズに横スクロールするレイアウトサンプル
- 斬新なページメニューが作れる「Inline Menu Layout with Gallery Panel」
- 世界中で今何時を計算できる「Spacetime」
- 過去のエントリ