on:2011年11月24日sponsorsHTML5で意味的な段落の区切れに使用するhr要素をCSS3でおしゃれにスタイリングするテクニックを紹介します。画像は一枚も使いません。Rules[ad#ad-2]hr要素をおしゃれにスタイルしたデモCSS3を使った8つのテクニックhr要素をおしゃれにスタイルしたデモデモページはCSS3に対応したブラウザでご覧ください。デモページCSS3を使った8つのテクニックデモページの8つの実装方法を個別に見てみましょう。HTMLHTMLは全デモ共通で、hr要素にclass名を付与するだけのシンプルな実装です。class="style-one">[ad#ad-2]CSSスタイルシートは各デモのキャプチャとともにご紹介。繊細なグラデーションを使ったデザインです。#ccc);}半透明のグラデーションを使ったデザインです。rgba(0,0,0,0));}点線を使ったデザインです。※点線(dashed)はブラウザにより見栄えが異なります。#999;}ドロップシャドウを使ったデザインです。rgba(0,0,0,0.5);}Cloud風のデザインです。black;}埋め込んだようなデザインです。0.3);}両サイトをフレアにしたデザインです。20px;}記号文字をアクセントにしたデザインです。Posts関連記事が見つかりませんでした。