Appreciate you!! :) trying to improve every week. 3D look is a code component and this channel is about no-code website building so I’m probably not going to make a video about that. I hope u understand:)
Great tutorial as always! One request for you 3D Look component, could you make the option to follow the cursor/3D effect ONLY if the cursor is over the card? I am thinking to use it in logos, so I don't want the logos to be "loking" at my cursor if I am not touching them, or could this be solved with a simple hover?
maybe you could add the 3D look component in a stack with pointer events and the rest of the surronding area (outside the stack from pointer events none) so that only that part will showcase the interaction.
Hi! i was wondering if there's a way to set this up to interact with the CMS and change number of images dynamically? although this probably needs a totally different approach...
Hey Nandi, great tutorial! is there a way to give the different images in the carousel a clickable link? Like scrolling to the image you are searching for then click it and getting direct to a new page? Thanks for any help. 🤍
@@framer.university Thank you for replying Nandi. Yes like the component slides from left to right in auto play mode. Currently it animates only when I drag it.
@@travelbeing_kannada the component has a dragging toggle, if dragging is set to "no", it will follow the cursor automatically. Lemme know if this works.
@@framer.university Thanks I tried that but it will only follow the cursor movement. What I am looking for is the component animating without doing any action. Think of it like a slider pf photos moving automatically. Hope I was able to explain. BTW you post great content. Keep up the good work!!!!
@@travelbeing_kannada oh I see. This component cannot be used for something like that. If you want to make it auto slide, you can create multiple variants of the carousel, where on each variant, it has a different Y rotation and you can switch between those variants with appear interactions. Similar technique is used in this video framer.university/lessons/circular-3d-animation.
Nandi, amazing work! I've learned so much from you. Thanks for your tremendous effort it truly shows. I absolutely love your work!
so happy to hear that! thank you for your support
Your tutorial format and content is gettting better day by day. Can you make a tutorial how did you make component 3D Look?
Appreciate you!! :) trying to improve every week.
3D look is a code component and this channel is about no-code website building so I’m probably not going to make a video about that. I hope u understand:)
Great tutorial as always! One request for you 3D Look component, could you make the option to follow the cursor/3D effect ONLY if the cursor is over the card? I am thinking to use it in logos, so I don't want the logos to be "loking" at my cursor if I am not touching them, or could this be solved with a simple hover?
maybe you could add the 3D look component in a stack with pointer events and the rest of the surronding area (outside the stack from pointer events none) so that only that part will showcase the interaction.
Hi..im new to framer and im learning..this has helped a lot..Thank you
how can i have the first the animation but only when i hover over it (not in the entire site
)
i love your work brother
Thank you so much mate :)
Realy nice video Nandy ! I was wondering if it was possible to make the 3D carroussel move, like a ticker or something. Cheers :)
Yes why not. Just apply a loop effect to it with 360 Y 3D rotation.
Is there a remix link for this project?
Yes!
framer.university/resources/3d-image-carousel-in-framer
Is there any way to make a 360 degree view of a car in framer
That would be a 3D embed of Spline or something or a video render playing on scroll or just automatically.
You're the best out there nandy. If I search for a great animation tut my first thought is to check nandy's page :)
appreciate you so much!!
Couldn't agree more. Great stuff Nandy.
In last part, how do you make it follow cursor? Is that a code override?
I just disable dragging in the component. Lemme know if you can find that setting!
nandy, do you have any tutorials on how to make transitions going from one section to another. I'm really stuck with that.
You're so great at this
💙💙 Thank you so much!
How do you add hide backface to it? I tried adding it normally but it doesn't seem to work.
I know this is very off-topic, but how do you achieve the smooth cursor movement in your videos? I'd really love to know!
By using screen studio for recording.
very nice!! can we create a custom draggable carousel?
I mean a regular carousel but custom, it can be dragged and the prev and next buttons can also be customized, is this possible at this time?
thank you for all this sincerely 🙏
Pleasure is mine 🫶
Hi! i was wondering if there's a way to set this up to interact with the CMS and change number of images dynamically? although this probably needs a totally different approach...
Hey Nandi, great tutorial! is there a way to give the different images in the carousel a clickable link? Like scrolling to the image you are searching for then click it and getting direct to a new page?
Thanks for any help. 🤍
Yes you can! You can go into the image component and add a link to it. And turn that into a variable that you can set just like the image variable.
Can we make these cards clickable?
Ofc, you can make any element clickable in Framer. Just select it and add a link on the right panel.
This is aweseome! How do you make it autoplay?
Thank you so much :) Autoplay?
@@framer.university Thank you for replying Nandi. Yes like the component slides from left to right in auto play mode. Currently it animates only when I drag it.
@@travelbeing_kannada the component has a dragging toggle, if dragging is set to "no", it will follow the cursor automatically. Lemme know if this works.
@@framer.university Thanks I tried that but it will only follow the cursor movement. What I am looking for is the component animating without doing any action. Think of it like a slider pf photos moving automatically. Hope I was able to explain. BTW you post great content. Keep up the good work!!!!
@@travelbeing_kannada oh I see. This component cannot be used for something like that. If you want to make it auto slide, you can create multiple variants of the carousel, where on each variant, it has a different Y rotation and you can switch between those variants with appear interactions.
Similar technique is used in this video framer.university/lessons/circular-3d-animation.
Watching your old videos and this video comes out🎉🎉 do you hv linkedin
I don't have linkedin. I hope u like this vid :)
🤩