【CSS】画像に枠と影を付けて「めくれた写真」っぽく表現する方法ツイート結構見るよねコレ。今日はCSSを使って画像に「枠」と「影」を付ける方法を解説します。この2つを付けると、簡単に「フレーム付きの写真」が表現できるので、覚えておいて損は無し!というわけで、今回はこの画像を色々と弄っていきます。秋葉原でメイド喫茶DTを卒業した時に撮った写真です。...それでは、まずは枠の付け方から。#bfbfbf;}padding枠の太さbackground枠内の色border枠線の色こんな感じで、枠を付けるだけなら超簡単です。次は影を付けてみましょう。-1;transform:rotate(3deg)}画像を囲むdivに対し、2つの半透明なboxを擬似要素として裏に回りこませています。それぞれを少し傾けてあげれば、めくれた風になるというわけです。言葉だと説明しづらいので、画像を透過してみます。なんとなく伝わったでしょうか...上記2つのテクニックを組み合わせれば、フレーム付きのめくれた写真が簡単に作れるようになります。影の部分は少し面倒ですが、仕組みさえ分かってしまえば楽勝なので、興味のある方は是非。北海道在住の元気な22歳。右手に酒、左手に煙草、目の前にPCという生活。クズだけどいい人(ただし彼女はいない)。今欲しいのはリボルトの実機。