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
最新のブログ記事(新着順)
- くちばしフォント【商用可】
- 小説表紙などに使えそうな商用可なフォント「になロマン」
- 筆で書いたようなカナ書体「筆竹仮名B」
- 無料・商用利用可な丸文字ピクセルフォント「マルミーニャM」
- スペースコブラ風フォント
- Next.jsのVercelから商用利用可能なフリー汎用フォント「Geist Font 」
- 無料で使えるいい感じの日本語フォント「しっぽり太ゴシック」
- CSSのみで実装された500種類のローディングアニメーション「CSS Loaders」
- 画像ホバーで様々なエフェクトをかけられる「Izmir」
- CSSのbox-shadowをGUIで生成できる「CSS Box Shadows Generator」
- 過去のエントリ