Modals Bootstrap 5Free+ CSS
Add a modal to your UI with Colorful floating popup animation menu. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.
2.5k views29 downloads
gosnippets.com/preview/colorful-floating-popup-animation-menu
Source Code
1<nav class="menu">
2 <input type="checkbox" href="#" class="menu-open" name="menu-open" id="menu-open" />
3 <label class="menu-open-button" for="menu-open">
4 <span class="lines line-1"></span>
5 <span class="lines line-2"></span>
6 <span class="lines line-3"></span>
7 </label>
8
9 <a href="#" class="menu-item blue"> <i class="fa fa-anchor"></i> </a>
10 <a href="#" class="menu-item green"> <i class="fa fa-coffee"></i> </a>
11 <a href="#" class="menu-item red"> <i class="fa fa-heart"></i> </a>
12 <a href="#" class="menu-item purple"> <i class="fa fa-microphone"></i> </a>
13 <a href="#" class="menu-item orange"> <i class="fa fa-star"></i> </a>
14 <a href="#" class="menu-item lightblue"> <i class="fa fa-diamond"></i> </a>
15</nav>More Modals snippets
Bootstrap Delete Confirmation Modal snippet
Bootstrap Delete Confirmation Modal snippet — a free Bootstrap 5 modal snippet. Copy the HTML and paste straight into your Bootstrap 5 project.
ModalsView →
Bootstrap Simple Success Confirmation Popup snippet
Free Bootstrap 5 modal snippet — Bootstrap Simple Success Confirmation Popup snippet. Preview, copy HTML, drop it into any Bootstrap 5 project.
ModalsView →
Bootstrap 5 customer ratings modal snippets with emojis
Add a modal to your UI with Bootstrap 5 customer ratings modal snippets with emojis. Free Bootstrap 5 code — HTML & CSS ready to copy, MIT licensed.
ModalsView →
Comments(0)
No comments yet — be the first to start the discussion.
Sign in to join the conversation.