[Solved] Etched (engraved) Line for Any background color

[exteam]

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);

`

[Paulie_D]

It’s not clear what you are asking for but try groove instead of solid.

[exteam]

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)

https://www.atlassian.com/software/bitbucket/overview

[Senff]

You’re going to have to use opacity if you want to use it in all colors. Something like this:

http://codepen.io/senff/pen/fsvbd

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).

[exteam]

Senff,
Thanks a lot, this is what i am looking for…

Great.

exteam

[Author]

Posts