Hi!
I've made a CSS pseudo gradient border. You can see the code here :
http://jsfiddle.net/Zwhq8/1/
It works on FF, Chrome, Safari, Opera, IE8-9. It's not perfect. For example, if you want a border radius, you will have to add it on the 3 divs.
What do you think about this solution? Do you see some ways to improve it?
I'm against it in general. Oh, it looks nice but I hate having to add extraneous divs for styling purposes.
Other than that, I think you have an extra div in there that isn't necessary.
http://codepen.io/anon/pen/ywohH
Ah! I wonder why I was using a border then... Thanks for your solution.
Couple of good articles on gradient border techniques on css tricks http://css-tricks.com/examples/GradientBorder/
http://css-tricks.com/video-screencasts/95-a-tale-of-border-gradients/
if you want some further reading
Hi!
I've made a CSS pseudo gradient border. You can see the code here :
http://jsfiddle.net/Zwhq8/1/
It works on FF, Chrome, Safari, Opera, IE8-9. It's not perfect. For example, if you want a border radius, you will have to add it on the 3 divs.
What do you think about this solution? Do you see some ways to improve it?
I'm against it in general. Oh, it looks nice but I hate having to add extraneous divs for styling purposes.
Other than that, I think you have an extra div in there that isn't necessary.
http://codepen.io/anon/pen/ywohH
Ah! I wonder why I was using a border then... Thanks for your solution.
Couple of good articles on gradient border techniques on css tricks http://css-tricks.com/examples/GradientBorder/
http://css-tricks.com/video-screencasts/95-a-tale-of-border-gradients/
if you want some further reading