This is an effect that is widely used but is generally done with JS.

The effect indicates to users who may not have scroll bars enabled that a box can be scrolled. The fade should be removed when a box can’t be scrolled in that direction.

CSS effects tend (tend) to be faster and conceptually is a better place for effects anyway.