「Useful CSS Snippets for Your Coding Arsenal」という記事で、コーディングに役立つCSSスニペット集が紹介されています。
垂直方向のセンタリング
div { width:100px; height:100px; }
div p { line-height:100px; }画像プリローダー
img
{
background: url(img/preloader.gif) no-repeat 50% 50%;
}
他にもいろいろあるので、一度見てみてください。
Related Entry
- Paperfold CSS - 紙を折るようにコンテンツを見せられるCSS
- Zocial - CSS3で作られたソーシャルボタン・アイコンセット
- CSS3のベンダープレフィクスを自動で追加してくれる「CSSPrefixer」
- Photoshopで作ったようなCSS3のタイポグラフィー
- CSS3で作るクールなお問い合わせフォーム
