Button Ripple Hover Effect using JavaScript

Hey guys 😁 I'm here again with another super amazing tutorial. Today, we're going through Button Ripple Hover Effect using JavaScript which is a simple effect, but maybe hard for beginners. Anyways, you're gonna learn it after watching this video, hope you enjoy it 😊 📂 Assets Font: https://fonts.google.com/ 🔗 Source code https://github.com/hosseinnabi-ir/Button-Ripple-Hover-Effect-using-JavaScript 🔔 Subscribe Now! http://www.youtube.com/channel/UCUUA81SSpwJjRl3zp4DZXRQ?sub_confirmation=1 ⏱ Timestamps 00:00 What are we gonna design ?! 00:36 Buttons Elements 00:50 General Styles 01:14 Buttons Style 02:37 Handling Mouse Enter 03:52 Ripple Effect Styles 04:15 Adding Ripple Effect 05:17 Making The Effect Animated 06:00 Fixing a Common Bug 06:19 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