Bottom Navigation Bar using HTML & CSS
Hey guys 😁 I finally shared a Bottom Navigation Bar tutorial after a while. This project is designed using HTML, CSS and AnimeJS 😎 Even if you haven't learned JavaScript and you don't know how to work with AnimeJS library, you still can watch this video and design that navbar using only CSS... Hope you enjoy it 😊
📂 Assets
Icons: https://boxicons.com/
AnimeJS library: https://animejs.com/
🔗 Source code
https://github.com/hosseinnabi-ir/Bot...
🔔 Subscribe Now!
/ @codewithhossein
⏱ Timestamps
00:00 What are we gonna design ?!
00:45 Navbar Elements
01:15 General Styles
01:33 Navbar Styles
04:53 Adding Effect Element
04:59 Effect Styles
05:37 Click Effect Scripts
07:49 Final Result
🎵 Music
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Ikson - Last Summer [Official]
Music provided by Ikson®
Listen: • #37 Last Summer (Official)
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Jordan Schor & Harley Bird - Home
Music provided by NoCopyrightSounds.
Watch: • Jordan Schor & Harley Bird - Home | ...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Track: Lost Sky - Where We Started (feat. Jex)
Music provided by NoCopyrightSounds.
Watch: • Lost Sky - Where We Started (feat. Je...
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Thanks for watching, I appreciate it 🙏
Made with 💗 by Hossein