How to Create Blurry Animated Backgrounds in Webflow
Вставка
- Опубліковано 7 лют 2025
- 🖐 Check out my Webflow templates: robn.link/temp...
⭐ Try out Webflow: try.webflow.co...
This will give me a small commission, which will help me lots. Thank you so much :)
This video will show you how you can create one of those blurry / gradient animated backgrounds in Webflow, using some divs and a blurry filter. It can be further customized to look however you want, but here are the basics :) Have fun.
🖐 Portfolio: shapedbyrobin.com
🖐 Twitter: / shapedbyrobin
🖐 Instagram: / shapedbyrobin
🖐 Webflow: webflow.com/ro...
🖐 Dribbble: dribbble.com/r... - Навчання та стиль
if your animation is jumpy, it might be due to the fact that your initial state and end state are set to 0px instead of 0%. this worked for me
Just took a look at your videos after seeing this one. Loads of great resources I could use in the future. Thanks so much for making these! Subbed 👍
Hey Mate, where do you get this font? I Love it !
Your works are Excellent. Keep up.
Brilliant, thank you Robin
How do we do this on the entire page, since this is just a section.
after doing this, i'm struggling to make my section below this overlap this on scroll.. can anybody help?
does this cause a laggy webpage in any way? its loads weirdly for me
This is the best
how did you duplicate it @ 2:50
Thanks! Can this also be done in Wordpress?
you can, in a way.
there's a online software/ web service that provide "turning Webflow creation into Wordpress template"
with that said, it is possible but you have to build the website under Webflow first.
Great video, I assume you just hate the sound of your voice, but it would be better if you talk instead of the sub-titles
Great!!! please keep doing this. Is there any way we can support you? (non money wise ^^?)
I will! I can't come up with anything right now, but keeping watching helps a lot 🤙 Thanks so much
Awesome! 👌🏻Exactly what I was looking for. Can you please show how to animate waves in Webflow?
this music gives me anxiety