Line with a gradient under nav bar or tabs? (fedia.io)

submitted 5 months ago by Zetmah@fedia.io to c/FirefoxCSS@fedia.io

3 comments fedilink hide all child comments

Hey!

I am trying to make a line that goes from one side of the screen to the other under the navbar or the tabs, I have a gradient I'd like to use. I've tried with border bottom but haven't been able to achieve it.

Any suggestions? Thanks!

you are viewing a single comment's thread
view the rest of the comments

[-] MrOtherGuy@lemmy.world 2 points 5 months ago* (last edited 5 months ago)

Something like this should work:

#navigator-toolbox::after{
  height: 1px;
  background-image: linear-gradient(to right, blue, yellow, cyan, magenta, red);
  order: 1000;
  content: "";
  display: flex !important;
}

[-] Zetmah@fedia.io 1 points 5 months ago

As always it works perfectly. Thanks a lot!

this post was submitted on 16 Sep 2024

2 points (100.0% liked)

Firefox Customs

2 readers

6 users here now

Chat with us!

Post your unsupported Firefox customizations here!

From the makers of r/FirefoxCSS

Links

Related

Firefox

Rules

Posts must have flair!
Posts cannot be memes/shitposts. They should be about Firefox customization with CSS.
Please be civil. Bear in mind that many users come here for help and would be turned off by insults and rudeness.
When posting large amount of code use a service dedicated to hosting text snippets, such as pastebin, hastebin, github gist or equivalent. Relatively short snippets can be wrapped in code-block for inline viewing.
Do NOT use url-shorteners or link to compressed downloads (such as zip or rar) when sharing code.

founded 2 years ago

MODERATORS

yoasif@fedia.io

MrOtherGuy@lemmy.world