rokasjrokas
(Rokas Judickas)
January 31, 2022, 9:16am
1
Hello,
I came across the most jaw-dropping digital portfolio on the web so far and was wondering - is it possible to recreate 3d floating cards on Webflow?
Maybe anyone has any ideas on how to achieve this?
Portfolio: https://robin-noguier.com
Thanks in advance!
abirana
(Abi Rana | Creative Web Developer)
January 31, 2022, 3:07pm
2
That example is done using custom JS and Canvas animations. Most of the things are achievable but using custom code.
That 3D floating card animation can be done using just CSS as well. I have done one example in CodePen please check.
rokasjrokas
(Rokas Judickas)
January 31, 2022, 3:51pm
3
Thank you so much! You’re an absolute legend!
P.S. I just wonder how he managed to achieve those smooth curvy border across using the clip-path polygon property. Any suggestions?
abirana
(Abi Rana | Creative Web Developer)
January 31, 2022, 4:35pm
4
Happy that was of some help.
Rounded corners are just many points along the path. By the way, to make it easy you can use SVG path values as well, you can even call it from another SVG element.
Check this article nearly at the end.
This might also give you clear understanding.
system
(system)
Closed
February 1, 2022, 4:36pm
5
This topic was automatically closed 24 hours after the last reply. New replies are no longer allowed.