You might be able to achieve the effect you're looking for by using a separate element for the background, and animating the opacity.
45+ Css Animate Background Color Transparent
Pictures. Each polygon loops through a color and animates outward from the center point of its parent svg every 1 second. My question is how to render the bg transparent.
Border Bottom Color Css Reference from cssreference.io
If you want to make the text background visible to the visitors to display the back image. I've chosen 200 pixels square but that is. Pure css animated gradient background | html and css tutorial.
Transparent is equivalent to rgba(0, 0, 0, 0) so to only animate a color's opacity, you may want to explicitly specify.
In this case we want the image to not be transparent when the user hovers over it. I have created just one div for text otherwise, the now in the css file, i have placed gradient on the body tag. And so on and so forth. Apply transparency using css opacity.
