Social Media Icons Hover Effect using CSS & JavaScript
Hey guys 😎 In today's cool video, we're gonna design a different Social Media Icons Hover Effect using CSS and also JavaScript. As I said, It's different and special. Watch this video to get what I'm saying 😊
📂 Assets
Icons: https://boxicons.com/
🔗 Source code
https://github.com/hosseinnabi-ir/Soc...
🔔 Subscribe Now!
/ @codewithhossein
⏱ Timestamps
00:00 What we're gonna design?!
00:50 Social Icons elements
01:35 General Styles
01:58 Social Icons styles
03:31 Buttons Click effect
03:56 Starting JavaScript
04:21 Handling Mouse Move
06:06 Handling Mouse Enter
07:02 Handling Mouse Leave
07:53 Final Result
🎵 Music
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Ikson - Anywhere [Official]
Music provided by Ikson®
Listen: • #66 Anywhere (Official)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Jordan Schor & Harley Bird - Home
Music provided by NoCopyrightSounds.
Watch: • Jordan Schor & Harley Bird - Home | Futur...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Lost Sky - Where We Started (feat. Jex)
Music provided by NoCopyrightSounds.
Watch: • Lost Sky - Where We Started (feat. Jex) | ...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Thanks for watching, I appreciate it 🙏
Made with 💗 by Hossein