Hi! Thanks for an idea! We'll definitely consider making something with the scroll. As for now, please check out this video th-cam.com/video/99R03H5KO84/w-d-xo.html Hopefully, you'll find it useful! ❤️
Luv Lottie File$! I’ll def checkout Figma #YOUROCK 🙌🏻⚡️💪🏻💻💥👏🏻 So we could make a full page Lottie blob and then make inline and absolute with a 1 Z index as a background and then overlay Text, Image, Icon widgets on top w a higher Z index rt? Just curious if you thought this the best way to layer all together BIG thanks always!
Hello! Thanks for the great content as always! Can you please guide us how to do an off canvas navbar/sidebar, which turns into icons when collapsed and icons + text when expanded. I tried with pop up widget but it’s not working nice
Here is the code snippet to create the base for the 1st blob shown in the tut! 👇
.container {
}
.shape {
background: linear-gradient(315deg, rgba(35,66,189,1) 0%, rgba(0,147,255,1) 100%);
animation: morph 6s ease-in-out infinite;
border-radius: 60% 40% 40% 60% / 60% 30% 70% 40%;
height: 400px;
transition: all 1s ease-in-out;
width: 400px;
}
@keyframes morph {
0% {
border-radius: 60% 40% 40% 60% / 60% 40% 60% 40%;
}
50% {
border-radius: 40% 60% 60% 40% / 40% 60% 40% 60%;
}
100% {
border-radius: 60% 40% 40% 60% / 60% 40% 60% 40%;
} }
Thanks for this code
So the next question would be, how to replace the colour with an image instead?
Where would we insert our image url in this code?
Hey TemplateMonster, can you make a tutorial on how to mask the lottie blob (or any other shapes) animation to an image?
Guys, please please make a video on horizontal scrolling sections/pages with Elementor. Thank you.
Hi! Thanks for an idea! We'll definitely consider making something with the scroll. As for now, please check out this video th-cam.com/video/99R03H5KO84/w-d-xo.html Hopefully, you'll find it useful! ❤️
Pls, make video full scroll page, Thank you.
Very helpful video.
Really like Lottie files, just wish you didn’t need After Effects to make them.
guys, please make a video on the morning brew newsletter kind off an online newsletter for Mailchimp. thanks
How do you add content on top of a blob? For example, what if I want to put text into the blob?
So helpful, thank you so much for your great tutorials.
Holy smoke! Amazing. Thank you for sharing. Please expand in Lottie animations 👍
Thanks a lot for your positive response! It’s important for us to know you guys like these videos!
amz.!!
tears in my eyes.. ;(
what about Lottie files video?
ths.!!
Thanks! We’ll look into making sth with Lottie.
Luv Lottie File$! I’ll def checkout Figma #YOUROCK 🙌🏻⚡️💪🏻💻💥👏🏻 So we could make a full page Lottie blob and then make inline and absolute with a 1 Z index as a background and then overlay Text, Image, Icon widgets on top w a higher Z index rt? Just curious if you thought this the best way to layer all together BIG thanks always!
Thank you for being active and always on point in our comment section! This REALLY means a lot to us ❤️
Make video on lotie animation
(Free)
Hey! Please check our latest vid on Lottie th-cam.com/video/IqgQ6NA-ojA/w-d-xo.html
Hello! Thanks for the great content as always! Can you please guide us how to do an off canvas navbar/sidebar, which turns into icons when collapsed and icons + text when expanded. I tried with pop up widget but it’s not working nice
That def sounds interesting. If you could send a link to a website/demo with similar effect that would be helpful :)
Legendary
Please give subtitles in Bengali
these tutorials are fucking legit. You guys rock. Who else is making this type of content!?? No one, I say.
search oooh boi
Wow! Thanks a lot, John!
I did not found Unsplash Plugin, where to access
Here it is www.figma.com/community/plugin/738454987945972471/Unsplash
Please check the links in the description! :)
Amazing .... Now I'm going to hit the notification bell 🔔💥...
Awesome! Thank you! ❤️
Where's the code please? 1:50
because my code shows no blob and it looks like your code
here is the code snippet for the the blob base
.container {
}
.shape {
background: linear-gradient(315deg, rgba(35,66,189,1) 0%, rgba(0,147,255,1) 100%);
animation: morph 6s ease-in-out infinite;
border-radius: 60% 40% 40% 60% / 60% 30% 70% 40%;
height: 400px;
transition: all 1s ease-in-out;
width: 400px;
}
@keyframes morph {
0% {
border-radius: 60% 40% 40% 60% / 60% 40% 60% 40%;
}
50% {
border-radius: 40% 60% 60% 40% / 40% 60% 40% 60%;
}
100% {
border-radius: 60% 40% 40% 60% / 60% 40% 60% 40%;
} }
@@templatemonster thank you, i'll try and see if it works better
@@templatemonster I missed the tiniest bit (face-palm)
please can you show us where you find your graphics, art for decorations please?
Lottie files video
This was super useful!! Thanks!
That is wow