Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Gradient border, CSS only

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 8, 2012 at 10:58 am #40687
    Canapin
    Participant

    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?

    November 8, 2012 at 11:04 am #113680
    Paulie_D
    Member

    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

    November 8, 2012 at 11:58 am #113684
    Canapin
    Participant

    Ah! I wonder why I was using a border then… Thanks for your solution.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.