Bottom Navigation Bar using HTML & CSS

Published: 28 September 2022
on channel: CODE WITH HOSSEIN
8,710
like

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


On this page of the site you can watch the video online Bottom Navigation Bar using HTML & CSS with a duration of hours minute second in good quality, which was uploaded by the user CODE WITH HOSSEIN 28 September 2022, share the link with friends and acquaintances, this video has already been watched 8,710 times on youtube and it was liked by like viewers. Enjoy your viewing!