Streaming live at 10am (PST)

Image Opacity Gradient

#1

I’m looking to have a linear gradient that makes an image go from 100% opacity to 0% opacity. The desired effect would be outlined as such down below:

-webkit-mask-image: -webkit-gradient(linear, left center, right center, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)))

Currently I haven’t been able to format this in Webflow. Is this code I’ll have to manually add, or is there supporting functionality for this?

#2

Masking an element with mask-image is not currently supported in the designer. It is experimental and browser support is spotty. You would need to use custom code.

#3

Appreciate the response Jeff. Makes sense!