Melting Text Menu

Counterculture movement coded with svg filters

Pulled inspiration from a CodePen and refined it into simple CSS to paste into Squarespace. Tweaked filters, spacing, and animation to get the right balance of distortion and movement. Realized contrast had to be applied to the body for it to take effect on Squarespace. Shrunk the container, adjusted scale, refined letter spacing, and added a transform animation to give more movement at first. Tested many Google Fonts and landed on Lalezar. Loved this color combo too, then realized it could make a very cool pop-up menu. You can view the code here.