How to create a CSS3 border fadeout
With CSS3, you can create a border that fades out gradually using the :before and :after css pseudo classes and css gradients.
I haven’t seen this technique done anywhere so I decided to post it. It was inspired by the Multiple Borders technique posted by Jeffery Way you can actually do a lot using the before and after pseudo classes, adding elements to one element that is not considered part of the html structure or the document flow(if positioned absolutely).
View the demo | Download the source
Related posts: