How to create round button corners in toolbar on mouse hover?

This page summarizes the projects mentioned and recommended in the original post on /r/FirefoxCSS

Our great sponsors
  • WorkOS - The modern identity platform for B2B SaaS
  • InfluxDB - Power Real-Time Data Analytics at Scale
  • SaaSHub - Software Alternatives and Reviews
  • Firefox-CSS

    A mish mash of css files to change Firefox appearance, more of old style (by Shadow-of-Colossus)

  • Thank you for your help! I have loaded your buttons_background_round_radius.css file and so far it seem to do what I was looking for. I did not try out your other two files yet and I still want to go through the code in detail and check if it really works in the way I want it to.

  • firefox-csshacks

    Collection of userstyles affecting the browser

  • Can I ask you a question about a part of my other code that your code seems to interfere with? Your file MrOtherGuy/firefox-csshacks/round_ui_items.css starts with a rule that has a huge effect by setting the following CSS variable:

  • WorkOS

    The modern identity platform for B2B SaaS. The APIs are flexible and easy-to-use, supporting authentication, user identity, and complex enterprise features like SSO and SCIM provisioning.

    WorkOS logo
  • MaterialFox-BigSur

    Discontinued A cleaner, more refined userChrome.css theme for Firefox—forked from MaterialFox

  • I found another solution from te6-in/MaterialFox-BigSur that also works. It uses border-radius on a really special CSS selector, that I don't understand. But it works. This design even imitates the Material Design Ripple effect which is awesome. It's probably my goal to implement this someday when I got an understanding of how it works.

NOTE: The number of mentions on this list indicates mentions on common posts plus user suggested alternatives. Hence, a higher number means a more popular project.

Suggest a related project

Related posts