枠線に薄っすらシャドウ フラットデザインには枠線を用いることは少ないです。カラーで区切る手法が多かったりしますよね。でも薄っすらシャドウを使えばサイト構成で便利だけど単調になってしまう枠線ボーダーにちょっと厚みを出せます。通常のborderだけのnoneと比較してみます。 影だけの枠線 影だけでボーダーを表現しているので、カッチリしすぎないさりげない区切りを演出できます。シンプルに仕上げたいけどボーダーだとクッキリしすぎる時に使えそう。 .panel1 { box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px; -webkit-box-shadow:rgba(122, 122, 122, 0.0588235) 0px 0px 6px 3px; -moz-box-shadow:rgba(122, 122, 122, 0.05882
![CSSの枠線は薄っすらシャドウで影を付けるボーダーデザインが素敵](https://cdn-ak-scissors.b.st-hatena.com/image/square/c5d6fb7b7376a23d41aff67a7600870594cde971/height=288;version=1;width=512/https%3A%2F%2Fdeaimobi.com%2Fwp-content%2Fuploads%2F2014%2F07%2Fcss-shadow.jpg)