Tuesday, 13 August 2013

CSS fading top and bottom "borders"

CSS fading top and bottom "borders"

Take a look at this : http://jsfiddle.net/wjhnX/
I achieved it with this CSS :
background-image: radial-gradient(#CCC, #FFF), radial-gradient(#CCC, #FFF);
background-size: 2px 100%;
background-position: 0 0, 100% 0;
background-repeat: no-repeat;
Is this possible to do but the simulated borders would be top and bottom,
not left and right ?
Thanks ahead !

No comments:

Post a Comment