[CSS]box-shadowを使って、三連リングのようなカワイイ囲いを作るテクニック

三連リングのようなカワイイ囲いをスタイルシートで実装するテクニックを紹介します。 左のSingleだと、divは一つだけ！ 左のSingleを例に、実装方法を紹介します。 HTML div一つにclassを加えます。 <div class="hoja">SINGLE</div> CSS 複数のリングは、box-shadowで作成します。アニメーションさせたくない場合は、keyframesは必要ありません。 ※利用する際は、ベンダープレフィックスを加えてください。 参考：面倒なCSS3のベンダープレフィックスを自動で付与するスクリプト -Prefix free .hoja { color: #dcdce2; position: absolute; top: 50%; left: 50%; margin-left: -180px; margin-top: -90px; width: 180px

[vent0819]

box-shadowを使って、三連リングのようなカワイイ囲いを作るテクニック @colisscomさんから

[sommertag]

かわいい！

[kool_kreate]

つくりたい

[Yukarigohan]

すごい、おもしろい！かわいいなー

[mzkzzz]

いろがかわいい。divいっこでかわいい。へんたい。

[kick178]

ぐにゃんぐにゃん

[soramimi-cake]

かわいいな

[kakei]

これ使うと面白い。

[nerimarina]

わっうにょうにょ

[glat_design]

うにょうにょする /

[y-kawaz]

これは面白い。

[surume000]

cssすげえ。

[nors]

http://codepen.io/fixcl/full/anwsG

[qrac_jp]

めっちゃ滑らかに動いてたw

[hedeyoshi]

なんかうねうねする筒状の表現とかできそうなテクニック。テクニック。