CSS3でシャレオツなリストを作るチュートリアル:phpspot開発日誌

CSS3 ordered list styles - RedTeamDesign CSS3でシャレオツなリストを作るチュートリアル。 list-styleを無効にしてブラウザ標準の数字部分をやめて、content: counter(li), counter-increment といったプロパティを使って数値部分を独自にデザインしています。 リスト部分の数字のデザインはなかなか難しかったと個人的に記憶していますが、こうした方法でやれば思い通りのリストデザインが作れるんですね、ということでメモ。 CSSを使ったテクニックはどこまで進化するんでしょうね。 関連エントリ CSS3アニメーションをjQueryで使いやすくするプラグイン「jQuery Transit」 アニメーションするバナーをCSS3で作るチュートリアル フルスクリーン背景がスライドショーになるCSS3サンプル CSS3で出来たクー

[istb16]

CSS3でシャレオツなリストを作るチュートリアル:phpspot開発日誌

[kazutan711]

こんなのまでCSSでできるのか。すごいなぁ

[warriorking]

CSS3でシャレオツなリストを作るチュートリアル:phpspot開発日誌

[style_blue]

ほほー タイトルはバカみたいだけど中身は良い。いつか使おう。

[tubaki1234]

これかっこいい。めも