المدة الزمنية 6:49

Create Mask Cursor Effect With Nextjs and Framer Motion

بواسطة Irvine Mesa
93 مشاهدة
0
4
تم نشره في 2023/08/10

A unique cursor with a hovering text-revealing mask effect, made with Framer Motion and Nextjs. #irvinemesa #framermotion #nextjstutorial 🌟Full playlist here: /playlist/PLJdBgzM3s56m6idkVYqutGn2tqG8aVKkW ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ 📌 Zero To Mastery Programming Courses (Affiliate): 📚 Complete Web Developer in 2023 :https://academy.zerotomastery.io/a/aff_r1613hhr/external?affcode=441520_kjadzh_d 📚 - Complete Jr to Sr Web Dev Roadmap: https://academy.zerotomastery.io/a/aff_hpwn5xy9/external?affcode=441520_kjadzh_d 📚 - Complete React Developer in 2023: https://academy.zerotomastery.io/a/aff_565yhxdn/external?affcode=441520_kjadzh_d 📚 - JavaScript Web Projects: 20 Projects to Build Your Portfolio: https://academy.zerotomastery.io/a/aff_693qyg0h/external?affcode=441520_kjadzh_d ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ 📚 Resources ⭐Code Editor : https://code.visualstudio.com/ ⭐Tailblocks: https://tailblocks.cc/ ⭐ GitHub Repo: ⭐ Next.js 13: https://nextjs.org/ ⭐ Tailwind CSS: https://tailwindcss.com/ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ 🔔 To Stay Tuned for More videos SUBSCRIBE Here!🔔 /@ IrvineMesa 👏🏽 Hit the THANKS button in any video! 🌎 Connect with me! ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ 🎨Hire me on Upwork: ➡︎ https://www.upwork.com/workwith/irvinemesa . ⭐Become member on Discord: ➡︎ https://discord.gg/AgQJ6q5DTT ⭐Github: ➡︎https://github.com/DrMESAZIM ⏰ Time Codes ⏰ ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ 0:00 - Intro 0:37 - create components folder 1:39 - header component 2:44 - footet component 3:36 - hero component 4:35 - content component 5:57 - feature component 7:00 - contact component 🍿 Take A Look At Some Of My BEST Videos! 🍿 ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ 🌟HPart #1 | How To Make Betting Website Like 1XBET | HTML and CSS PROJECTS /watch/gwULAZP8aeV8L 🌟INTERACTIVE CARD DETAILS FORM | FRONTEND MENTOR CHALLENGE /watch/Y2mzVEprmPfrz 🌟HProduct preview card component | Frontend Mentor Challenge (New & Shorter Tutorial) /watch/skeO1QJPhgXPO 🌟How to create Next.js project in Visual Studio Code | create-next-app /watch/0Nmlwp_sXXxsl 🌟How to Submit Frontend Mentor Solution Using GitHub (Easy & Quick 2023) /watch/EjuF74_oIOQoF 🧲 Take A Look At Some Of My BEST Playlist! 🧲 ➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖➖ 🌟How To Make Betting Website Like 1XBET | HTML and CSS PROJECTS : /playlist/PLJdBgzM3s56mcRLYFbxcZrdQ9rgm2n18X 🌟How to Make Betting Website like Bet365 | HTML and CSS Projects /playlist/PLJdBgzM3s56kiTcT143GDuREmzSnh0XX6 🌟HTML and CSS Projects: /playlist/PLJdBgzM3s56keSlAMEGCc0YFHoSMHDuGU 🌟Frontend Mentor Challenges : /playlist/PLJdBgzM3s56m1WhuJq8NYZkU1Ks4diqyM 🌟JavaScript Projects for Beginners: /playlist/PLJdBgzM3s56nThlOcZFxaGoE5bKV2LilC 🌟How to Make Website Like Canva | HTML and CSS Projects: /playlist/PLJdBgzM3s56mM6E0c5Tpz-k00EYEhKbXs ----------------------------------------------------------------------- * Disclaimer: Some of the links might be affiliate links, which means that I'll receive a commission in case you like and decide to purchase the product or service. This comes at no extra cost for you.

الفئة

عرض المزيد

تعليقات - 0