Framer Cursor with Blending Modes Mask over Texts

[@ShamsNahid]

Join My Community of 500+ Unique Members in the Dev/Design Industry for Exclusive Support: www.linkedin.com/groups/14274313/ Code File Link: shamsdigital.medium.com/framer-cursor-with-blending-modes-mask-4166b2f4897d

[@xora05]

I loved this website ever since I discovered it. I never thought I could make it too! THANK YOU SO MUCH!

[@ShamsNahid]

Feel good that this helped you!

[@eunicezn738]

Omg thank you a lot for this video

[@ShamsNahid]

Glad to help!

[@uxdeya7660]

thanks for your effort i recreated it perfectly and iw worked well ❤ just a small question I tried to reuse it again on a picture this time not a text -by duplicating the masking overdrive- it almost did but the mouse positioning broke any advice on how to fix it or how I learn to do so?

[@KanuIkechukwu]

Thank you so much

[@ShamsNahid]

Thanks Mate!

[@DrNikhilRavi]

@@ShamsNahid Hey Shams can you please make a video on how remove and modify browser scrollbar for framer 🙌

[@ShamsNahid]

@@DrNikhilRavi Hey, you can do that by applying custom css on header section on framer, but for that you will have to buy framer plan, otherwise it wont let you do that. For custom css, go to gpt to create that for you.

[@ShamsNahid]

Or you can creata a code component and apply that on the main section that cover all page, if you want to ignore premium plan. for code, go to gpt and ask to create a react code component to hide-modify scrollbar

[@DrNikhilRavi]

@@ShamsNahid Thankx Bro

[@ferrarim1987]

In this exact website, on the second section there is a wonderful scroll on reveal text effect that I managed to replicate almost perfectly in wix, but I have no idea how to make it in framer. Would you be able to make a tutorial also for that please?

[@ShamsNahid]

Its really very specific to make a tutorial like this, but yes you can take a look this video to clear this concept: kzbin.info/www/bejne/mXaxcqCZmrqhncksi=yJPBPed6DxUT8Qqv

[@ali-w4-ali]

I added the .tsx and .jsx files, I couldn't apply them to the stack as they didn’t appear in the file list :(( can you help?

[@ShamsNahid]

Please view the breakdown carefully.

[@aashish_lal_s]

Hello, effect is not working when the frame is outside viewport height below the fold. Is it working for everyone else?

[@ShamsNahid]

Its a good practice to keep everything within viewport to viewport to make your functions worked!

[@flash1944]

Is it possible to do this with two photos on top of each other? Because it is not working for me :(.

[@shamsnahid4046]

Yes, you just need to apply override code over the image you are using.

[@nasikoel]

Wow ! Thanks !

[@ShamsNahid]

Welcome ! keep spreading!

[@AliLahmar-o6k]

I added the .tsx and .jsx files, then I couldn't apply them to the stack as they didn’t appear in the file list

[@ShamsNahid]

I think you may missed some part, please check the video carefully!