Hamburger Icons Animations
A Pen by Ahmad Emran on CodePen.
Jhorman Nieto P jhorman9
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <a href="https://front.codes/" class="logo" target="_blank"> | |
| <img src="https://assets.codepen.io/1462889/fcb.png" alt=""> | |
| </a> | |
| <div class="section over-hide"> | |
| <div class="container"> | |
| <div class="row full-height justify-content-center"> | |
| <div class="col-12 text-center align-self-center py-5"> | |
| <div class="section text-center py-5 py-md-0"> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <ul> | |
| <li><a href="#"><i class="fa-brands fa-instagram instagram"></i></a></li> | |
| <li><a href="#"><i class="fa-brands fa-whatsapp whatsapp"></i></a></li> | |
| <li><a href="#"><i class="fa-brands fa-twitter twitter"></i></a></li> | |
| </ul> |
jhorman9
/ hamburger-icons-animations.markdown
Created
October 29, 2023 15:33
Hamburger Icons Animations
Cool download interaction
A Pen by Milan Raring on CodePen.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <title></title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1"> | |
| </head> | |
| <body> | |
| <div id="navbarContainer"> | |
| <div id="navbar"> |