The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › [Solved] Etched (engraved) Line for Any background color
Etched (engraved) Line for Any background color
I would like to have engraved line in blue background (#001F4C). But what is best method to have in any background color.
`border:1px solid rgba(0,0,0,0.2);
It’s not clear what you are asking for but try groove instead of solid.
I am looking for same as in the following website in the footer section, the engraved line between (Follow Bitbucket on Twitter and Bitbucket documentation)
You’re going to have to use opacity if you want to use it in all colors. Something like this:
It won’t be perfect for every single background color, but you can play around a bit with the color values for the line (currently full black on top, full white on bottom, and opacity of 0.4).
Thanks a lot, this is what i am looking for…