Made in Webflow

Blur scroll effect for long screenshots in your portfolio

site profile thumbnail


We build a cool parallax blur scrolling animation that is great to use in your portfolio. Especially as a web designer, you often make longer screenshots of your client projects, which can be showcased very well with this scrolling effect. I use a blurry background, which is basically the same image as in the foreground, but blurred by its filter and gives the whole design a great mood. The project is as always free to clone in my Webflow Showcases! Tutorial:
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.

We miss comments too!

Right now, Made in Webflow doesn't offer all of the same functionality that Showcase did, like the ability to leave comments. But don't worry: We're working to bring comments back as soon as possible!

As always, we'd love to hear your feedback! Click the link below to take a short survey about Made in Webflow.

scrollanimationscrollingscrollanimationscrolleffecteffectscrollytellingblurblurredbackgroundblurwebsite blurrscreenshotportfolioparallaxparallaxscrollparallaxeffectparallaxanimationgermanywebflowgermanymadeinwebflowscroll-imagedropdown-filter

More by Jonas Arleth

See profile
View details
Ultra Gradients in Webflow (Cloneable)