CSS: lighten an element on hover

Question

Assuming an element is at 100% saturation, opacity, etc... how can I have its background become slightly lighter when it is hovered?

The use case is tha

Answer 1

Here's an easy way to do it:

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