[CSS]水平に配置したセクションを分けるスタイルのさまざまな素敵なテクニック

1ページに複数のセクションを水平に配置した際に、それらの区切りとなるさまざまなスタイルを紹介します。 縦長の1ページで構成されたプロモーションサイトやポートフォリオなどで見かけるものだけでなく、こんなこともできるのかとアイデアが素晴らしいものもたくさん！ デモページ 各デモと共にそのスタイルを紹介します。 まずはHTMLから。基本となるのは、2パターンです。 1つ目は、section要素にclassをつけるだけ。 <section class="ss-style-hogehoge"> コンテンツ </section> 2つ目は、svg要素を使用します。 <section> コンテンツ </section> <svg id="hoge"> SVGの中身 </svg> sctionだけの場合はclass、svgを使用するものはidになっています。 以下、各デモとそのスタイルです。 HTML/C

[antennavoice]

“雲のようにモコモコのラインにします。”

[candykebin]

　これは！！！

[kupoe]

[html/css][framework][ingredient]

[qrac_jp]

水平に配置したセクションを分けるスタイルのさまざまな素敵なテクニック

[kick178]

html5とcss3でこんなことできるんだ！

[poppun1940]

1ページに複数のセクションを水平に配置した際に、それらの区切りとなるさまざまなスタイルを紹介します。 縦長の1ページで構成されたプロモーションサイトやポートフォリオなどで見かけるものだけでなく、こんなこ

[ironlion]

CSS3、まったく着いていけてない

[den8]

美しいセパレーターデザイン

[Kimura]

水平配置の各セクションのボーダー表現いろいろ。CSSだけでここまで出来ちゃうんだ。。。でも難しくてソース丸写ししか出来ない気がする。

[Sips]

あとで

[yoshi-na]

これは使う！

[kana321]

コリス　CSS

[nors]

http://tympanus.net/codrops/2013/10/03/a-collection-of-separator-styles/