css darken color code example

Example 1: hover apply lighter color css

.myElement:hover {
  filter: brightness(150%);
}

Example 2: css hover darken color

.your-css-class:hover {
    background: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25));
  }

Example 3: how to lighten the color of text in html

There is "opacity" which will make the background shine through:

opacity: 0.5;(change the value according to your needs)