Bootstrap navbar collapse animation #2 (fade in)

Published: 09 June 2023
on channel: Coding Yaar

1,617

How to add a simple fade in animation for the Bootstrap navbar collapse when it opens on small screens.

HTML | CSS | Bootstrap

Source Code:
@media screen and (max-width: 992px) {
.navbar-collapse {
opacity: 0;
}

.navbar-collapse.show {
opacity: 1;
transition: all 1s;
}
}

Bootstrap navbar collapse animation #1:
   • One Line CSS: Bootstrap navbar collap...

Other Coding Yaar shorts:
https://www.youtube.com/@codingyaar/s...

Bootstrap 5 Navbars Playlist:
   • Bootstrap Navbar Change Color (Transp...

Bootstrap 5 Carousels Playlist:
   • Bootstrap 5 Carousel

#bootstrap #bootstrap5 #navbar #html #css #webdesign #shorts

Coding Yaar's Discord server:   / discord

Watch video Bootstrap navbar collapse animation #2 (fade in) online without registration, duration hours minute second in high quality. This video was added by user Coding Yaar 09 June 2023, don't forget to share it with your friends and acquaintances, it has been viewed on our site 1,617 once and liked it 19 people.

3,654