💻 Using box shadow in a way you might not have expected

Box shadows in CSS can be layered. You can apply multiple box shadows for the same element. This is generally used for a rich and realistic box shadow, but what's stopping us hacking this 🤭

▪️ Here we create a box shadow with 0 blur and some offset to create a duplicate layer

▪️ Then we create a similar layer but a pixel more of spread, to create a pseudo border

▪️ Finally another actual box shadow layer