Completely disappeared on #000 background.
I added iOS style border by box-shadow. (legacy IE is unsupported.)
add ios native style border to scrollbar
nice! why box-shadow here though? wouldn't border be fine?
I would think border would work but you would need to leverage rgba to get the transparency no?
I think it's the subtlety
border: 1px solid rgba(255, 255, 255, 0.3)
Would probably yield a similar effect or something similar.
First, I tried use border property. but I had some layout issue on calculating box size. then I also try outline property. but it doesn't support rounded rectangle for all browsers. box-shadow is better solution in this situation :)
Did you try adding border and substracting from the width/height ?
@iammerrick right but isn't the browser support of border + rgba equivalent to box-shadow ?
What would be cool however is a double border declaration, so that we get the fallback easily.
@guille Correct. However, a straight up white border might look a bit silly on older browsers. 1 line of css instead of 3 :-)
Yes, it's very subtlety :)
Yeah, I tried several times. however it was too complex to me :P