Popular posts

Yeah.. though, what I am implying is that every time I transition the color, I have to write a new box-shadow rule instead of just a color change.

(like this)

.some-stuff__u {
    box-shadow:8px 8px 8px 8px blue;
}
.some-stuff__u:hover {
    box-shadow:8px 8px 8px 8px red;
}

Which, I think, is not logical.

Yes of cause you need to define two different rules. Because that's how the browser renders CSS. You would usually only do this:

box {
  box-shadow: ... ;
}

box:hover{
  box-shadow: ... ;
}

Here is a helpful link, I think: tobiasahlin.com/blog/how-to-animate-box-shadow

I think we are talking about the same, but using very different words for the same thing ;-)