Description from Webflow:
I rebuild Plink's website in Webflow because I really liked the interactions they have created. I thought it would be cool to learn how to create them in Webflow, and also to make it clonable for others to have a look at and learn how to create these interactions too.
Custom code was used, but here are a few simple lines:
• Lottie files that keep aspect ratio: https://forum.webflow.com/t/responsive-full-screen-lottie-animation-keep-aspect-ratio/122695
• And another one to enable the difference blending mode for the section were the custom cursor follows: https://forum.webflow.com/t/cursor-blending-mode/112607/3
__
Plink's website for comparison: https://useplink.com/en/
__
You can thank me by:
• Hiring us to help you rebrand in 5 weeks 👉 brandenstein.co
• Subscribing to my Quick Webflow tutorials on Youtube 👉 youtube.com/channel/UCgwvah4M6Anta4_5ACFiuRQ
• Following my daily tips on Instagram 👉 instagram.com/andreea_uaui
• Following me on Twitter 👉 twitter.com/andreea_uaui
Tags from Webflow:
rebuild, interactions, interaction, animation, animationsvideo, 3dart, 3d animation, 3dcoin, interactiondesign, scrollinteraction, webflow, customcursor, easycustomcursor, cursor, lottie, webflowlottie, text, parallax, parallaxhover, parallaxscroll, parallaxeffect, parallaxhomepage, parallaxanimation, animations, interaction design, webflowinteractions, navbarinteractions, lotties, lottiejs, lottieflow, lottiefiles, cssanimation, webanimation, css animation, textanimation, typeanimation, scrollanimation, hoveranimation, webflowanimation, homepageanimation
0 Comments