Streaming live at 10am (PST)

Reflection Effect in Webflow?


#1

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!

09


#2

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


#3

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


#4

Thanks guys, will give this a shot!