Spline 3D animation & Glassmorphism EXPERIMENTS in Elementor

We're making a Spline 3D animation and playing around with Glassmorphism. This was a somewhat successful experiment 🤓
Did you find this useful?
CODE:
www.notion.so/CODE-Frosted-gl...
Timestamps:
00:00 Intro
00:31 Building the animated blob
05:11 Building the bank card in Elementor
11:57 Outro
Thank you for watching!
🟠 TRY ELEMENTOR
be.elementor.com/visit/?bta=2...
🟠 TRY HOSTINGER
hostinger.com?REFERRALCODE=1ANDREEA61
🟠 WORK WITH ME
www.studioegli.com/
🟠 YOU CAN FIND ME HERE TOO
TWITTER - @AndreeaEgli
LINKEDIN - / egliandrea
INSTAGRAM - / egliandrea.studios
🟠 FOR BUSINESS ENQUIRIES
[e-mail]
Disclaimer - Some links in my videos' description box may be affiliate links, meaning I will make a commission on purchases you make through my link. This is at no extra cost to you to use my links/codes, it's just one more way to support me and my channel! :)
(this video is about: egli andrea, spline animation, animated blob in elementor, animated object in elementor, bank card css, building a bank in elementor)
#spline #elementorpagebuilder #elementortipsandtricks

[@andreaegli]

Let me know if you found thid 3D experiment with Spline useful

[@AdamVigas]

9.33K subscribers ??? Your content is way better than everyone on youtube. You are veeeery talented, thanks god i found you.

[@thewebstylist]

Amazing LUV!

[@mssconcept]

Great ✨

[@ferrywap]

I didn't expect you to use elementor in creating the card😂, figma would have made it easier but both still work well. Great video❤

[@andreaegli]

Thanks 😁 Yeah, I wanted to show what you can do with Elementor if you have no figma skills.

[@prithiviraj3348]

nice!!! But try getting an ultra-wide monitor, coz elementor resizes the screen like crazy , thats why I switched to webflow.

[@davidmuller3768]

Amazing video ! I follow now most videos you did! I tried spline but I would like to create a website using also some 3d animations when using the scroll effect and I would like to know how can I use the scroll effects on my site.

[@SaeedMasri]

Cool stuff!

[@andreaegli]

🤓 Thanks, Saeed!

[@Al0Al0]

Wonderful tutorial. =)

[@andreaegli]

Thank you 😊

[@franktielemans6624]

Nice!
I would give the card an aspect ratio though
In the container something like:
selector {
aspect-ratio: 5/4;
}

[@andreaegli]

Thanks for the suggestion, Frank 🤓 keep them coming!

[@webdevluc]

Wow this animation is awesome

[@andreaegli]

I know, right, very mesmerising🤩

[@markowakeup]

is it responsive with mobile and tablet?

[@deepaksachan3405]

Wow

[@andreaegli]

Hehe, glad you liked it 😄

[@ayushpatel8099]

you are great

[@andreaegli]

Thank you!

[@chiarascrigner721]

Awesome tutorial, but in elementor the dimensions don't work... any tips?

[@abdomed2065]

How to export design spline in figma whats pluging

[@andreaegli]

I have no idea, I’ve never exported spline animation to Figma. I don’t even know if that’s possible

[@kamessytta]

👍🏻👍🏻👍🏻👏👏👏😊❤️

[@andreaegli]

😎

[@maskedvillainai]

With a displaced blob and extruded rectangle using a normal map and glass… is this supposed to be a secret?

[@andreaegli]

Not a secret at all, I show how everything is done in the video 😅

[@Scaruu]

At 9:13 you skipped the moment you zoom in the background

[@NaveedAhd]

Its HUGE STILL TOO BIG 😁

[@andreaegli]

☺️ make sure to reduce the sizing values as per your needs