Use pure CSS for a Polaroid effect

So I’m making a holiday landing page and this great suggestion comes up to “Polaroidise” the image. I’m thinking, I could do this in Photoshop.


Or, I could do it using psuedo elements. It was very simple to do in the end, and I especially like the way it rotates on hover.

Hope you like it too! Feel free to bastardise/use as you wish.

Grab the code →