The Lodge is members-only web design and development videos and live help. Log In or Sign Up.
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.
Search for Stuff
Browse the Archives
Get the Newsletter
... or get the RSS feed