Reflection Effect in Webflow?

Hi Guys stumbled across this effect on a video in keynote which basically reflected my website design. Does anyone know how to create this within CSS or webflow? it looks so cool!


Make a copy of the existing element, add another gradient layer to fade to background colour, transform it for the flip upside-down effect, opacity perhaps set to 0.15 or so

You may also make a symbol out of the element you want to reflect, put this symbol into a div and then apply all the things Sam mentioned to this div for better versatility

1 Like

Thanks guys, will give this a shot!