Is there any possible way or workaround that I can fade an element from 100% to 0% opacity top to bottom? Similar to a linear gradient background, but transparency on the element itself (not the background color).

The idea is that on the hover state, it would brighten up, and when clicked, move up to the spot of the active popup