CSS: lighten an element on hover

It’s a long time ago but you can do something like this:

.element {
    background-color: red;
}
.element:hover {
    box-shadow: inset 0 0 100px 100px rgba(255, 255, 255, 0.1);
}

You can change the 100px into a number you want. I took a large one to cover the whole element.

It isn’t a very beautiful solution but it works!

Here an example: http://jsfiddle.net/6nkh3u7k/5/