Is it possible to change only the alpha of a rgba background colour on hover?

Question

I have a set of tags with differing rgba background colours but the same alpha. Is it possible to write a single css style that will change only the o

Answer 1

Simple workaround with opacity if you can accommodate a slight change in background-color:

.yourClass {
    // Your style here //
    opacity: 0.9;
}

.yourClass:hover, .yourClass:focus {
    opacity: 0.7;
}

.yourClass:active {
    opacity: 1;
    box-shadow: none;
}

.yourClass:hover, .yourClass:focus, .yourClass:active {
    text-decoration: none;
    outline: none;
}