on:2014年11月26日sponsors三連リングのようなカワイイ囲いをスタイルシートで実装するテクニックを紹介します。CSSしかもこのリング、アニメーションでうねうね動きます。左のSingleを例に、実装方法を紹介します。HTMLdiv一つにclassを加えます。class="hoja">SINGLE</div>CSS複数のリングは、box-shadowで作成します。アニメーションさせたくない場合は、keyframesは必要ありません。※利用する際は、ベンダープレフィックスを加えてください。}}実際の動作は、下記ページで楽しめます。コードを編集することもできるので、色を変えたりすることもできます。CSSダブルのデモもあります。