I tried all of them but seems they appear different in other browsers ahem*ie*
I also tried to add some shadow into it and manipulate the transparency.
here is my version:
I know it’s been a while since anyone has posted here. I needed something a little different then I saw posted here. So I decided to branch off of @cnwtx‘s idea for sexy vertical borders between table cells. http://jsfiddle.net/TibTibs/NK2g8/
I decided to add something new to this.. [Here is the Pen.](http://cdpn.io/yJjHc “CodePen”)
It animates a ‘glinting’ effect when you hover near the line.
I made it hover when near a surround area (div) since it is quite difficult to get your cursor on that line. Especially if your not trying!
Thanks for the share… here is my two cents…
background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#D3D3D3), to(transparent));
cool way to design a separator…
Does any one know how to use Chris’s code to create a vertical seperator?
Nope…there is no such element as a `` as opposed to an `
In most cases, we can just use the left/right border for a vertical separator.
@ironfist1986 Like this? :: http://jsfiddle.net/tcgmq/
I’ve always enjoyed using the indent effect.
You must be logged in to reply to this topic.
*May or may not contain any actual "CSS" or "Tricks".