Designed by: Mauricio Bucardo
Original image: https://dribbble.com/shots/5619509-Animated-Tab-Bar
You can use this menu in your projects. It also works with 100% width and reacts to changing the size of the window :)
Luis A. Guisado PushoDev
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
| <div class="inverted-border-radius"></div> |
Round ending scene of a mobile game called "King's League II". Figured I'd give GSAP timelines a go because I really enjoyed this little animation!
A Pen by Luis Alberto Guisado 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
| <div class="login"> | |
| <div class="photo"></div> | |
| <p class="name hidden" id="name">Hans Engebretsen</p> | |
| <div class="username-wrap"><input type="username" class="username" placeholder="Type name & hit enter" id="username-input" /></div> | |
| <div class="pw-box"> | |
| <span class="flap"> | |
| <div class="inner"></div> | |
| <div class="spine"></div> | |
| <div class="outer"></div> | |
| </span> |