I’m trying to achieve the following effect using only one element, I want to remove the wrapper div.
http://codepen.io/anon/pen/kdvex
I’ve almost acheive the desired effect by using an inset shadow and a border. But the curved borders look a bit wrong. Look at the edges of the blue bit to see what I mean.
http://codepen.io/anon/pen/uLKjl
Can anyone improve on this? Is it even possible?
Following up on Cadence96’s suggestion of using the pseudo selector for the second border:
http://codepen.io/anon/pen/zdcne