INVERT CURSOR HOVERING EFFECT UNDER 1.30 MIN | FRAMER
ฝัง
- เผยแพร่เมื่อ 21 ต.ค. 2024
- Want to add some magic to your words? Explore the text horror effect in Framer with me and watch your design come alive. First, create a causal component and name the variant "Big Cursor." Set the color to white and the radius to 200%. Next, create a blending mode and select "Difference" within it. Then, select the text and go to the cursor settings to add it as a custom cursor. Inside this custom cursor, add a component called "Cursor" and set it to replace the default cursor. Finally, give the transition a spring effect. And that's it-we've created this effect!
I Mistakenly omitted the Invert part at the end, but I've explained it in the description and in several comments. Please take a look.
Another Cursor Breakdown Video[Framer Cursor with Blending Modes Mask over Texts]: th-cam.com/video/lZgt8XWEOcs/w-d-xo.htmlsi=vNjWrMfRimT2cbid
thank you!!
Welcome Mate!
bro how to apply blending mode your vid is incomplete
Sorry for not mentioning that, go to Style + y selecting the cursor component and click Blending > Then Difference.
@@ShamsNahid style for what for the body or the section or the component please start from the end of last step in video , thanks bro
@@ahmedelfouly7088 select cursor component and click edit then go Style> click + icon > add blending> then click difference.
PS: add style to cursor component
Hope it helps !
@@ahmedelfouly7088 go to component at desktop layer so set style to blending , and choose difference, and also apply that effect at the variant 2 the big one , with blending and difference...
Hi there, ty a lot for this cool tut. I also want to change the meaning of the text like showing a hidden message when you hover into the text. Is there anyway that i can do that without code. Thank you again. Luv u
I Got your point, there is definitely a way to achieve that. I will let you know if i can manage to do it. Thanks
Bro did you achieve it?? I really want to learn it@@ShamsNahid
thanks brooo, super cool
hi, thanks for the tut. i used this effect, but i also want to make the text "clingy" to the cursor. that the text is clinging towards wherever the cursor is
any idea how i could do that? thank you
Ahh, I got you. its not possible to do without custom code components.
so how do i make an invert background thing bru
set the blending of your cursor to difference
ayta kono bal er video vaii.....dekibaen na....hudai amon thambline den keno
I accidentally omitted that part, but I've explained it in the description and in several comments. Please take a look.
Ar haa, tomar ei field e time waste na kore er cheye ekta ethical course koro. "How to interact with people politely on a social platform"
bad video
Sorry to hear, any specific reason brother?
set the blending of your cursor to difference from effect section.