WEBデザイン CSS3でシンプル・綺麗な画像装飾テクニック、画像サイズを変えないで写真枠のようなボーダーをつける方法 - お墨付き！

画像を装飾するCSSは古くから知られています。 たとえば、ポラロイド写真風の枠をつけるとかあります。 しかし、古いCSSでは元画像のサイズの外側に枠がつくようなものが多く紹介されています。 そういうものを利用すると、画像のサイズが変わってしまい、全体デザインに影響が出てしまう場合もあります。 今回はそうならないような画像の枠装飾テクニックです。 サンプル See the Pen Useful img css by nodelay (@nodelay) on CodePen. 凝った装飾はシロウトくさいけど、なにもないとダサイ プロの開発者であれば、写真にあまり凝ったデザインを施したりはしませんが、まったくなにもないとややダサイ印象があるので、目に留まらない程度で印象には残るデザインを施すことが一般的です。 軽い角丸 軽いボックスシャドウ 枠づけ ポイントは「軽め」というところで、過度な装飾