A CodePen by taotsu. Fake Gradient Border - This is a quick and dirty demonstration, how to realize a fake border gradient.

I did not want to use images, and I could only find <a href="http://css-tricks.com/examples/GradientBorder/">hacky</a> stuff.

Its easy to do: Define the border-color, and continue with the border-top-color and the border-top-color.

Fairly simple. ^-^