Hey guys 😊 I'm here again with another fancy Glass Morphism tutorial. This time, we're gonna design Social Icons Hover Effect using HTML & CSS. So don't miss this fancy project, code along with me and lemme know if there's any problem 😉
📂 Assets
Icons: https://boxicons.com/
🔗 Source code
https://github.com/hosseinnabi-ir/Glass-Social-Icons-Hover-Effect-using-CSS
🔔 Subscribe Now!
http://www.youtube.com/channel/UCUUA81SSpwJjRl3zp4DZXRQ?sub_confirmation=1
⏱ Timestamps
00:00 Social Icons Preview
00:32 Icons Template Elements
00:47 General Styles
01:06 Icons Template Styles
01:30 Icons Background Styles
02:09 Adding More Icon Templates
02:22 Icons Flex Box Styles
02:39 Changing Background Colors
03:33 Adding Glass Morphism
04:34 Adding Social Icons & Styling
06:45 Social Icons Hover Effect
07:41 Thanks For Watching
🎵 Music
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: BEAUZ & JVNA - Crazy [NCS Release]
Music provided by NoCopyrightSounds.
Watch: https://youtu.be/xgcLwtGlgLU
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Jordan Schor & Harley Bird - Home
Music provided by NoCopyrightSounds.
Watch: https://youtu.be/KmwpogFtb4Q
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Lost Sky - Where We Started (feat. Jex)
Music provided by NoCopyrightSounds.
Watch: https://youtu.be/U9pGr6KMdyg
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Thanks for watching, I appreciate it 🙏
Made with 💗 by Hossein
