"Love Style Header Menu Effect"
Bootstrap 4.1.1 Snippet by chef1974

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8"> <title>Love Style Header Menu Effect</title> <link rel="stylesheet" href="css/style.css"> </head> <body> <link href='https://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css"> <header> <img class="timlogo" src="data:image/png;base64,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"> <div class="nav-modal"> <div class="blob"></div> <nav> <ul> <li><a href="#">HOME</a> <ul> <li><a href="#">STUFF</a></li> <li><a href="#">STUFF</a></li> <li><a href="#">STUFF</a></li> </ul> </li> <li><a href="#">ABOUT</a> <ul> <li><a href="#">MORE STUFF</a></li> <li><a href="#">OTHER STUFF</a></li> <li><a href="#">TEST STUFF</a></li> </ul> </li> <li><a href="#">TRAVELS</a></li> <li><a href="#">RECIPES</a> <ul> <li><a href="#">STUFF</a></li> <li><a href="#">STUFF sss</a></li> <li><a href="#">STUFF</a></li> </ul> </li> <li><a href="#">CONCEPTS</a></li> <li><a href="#">CONTACT</a></li> <li><a href="#">SHOP</a></li> </ul> </nav> </div> <div class="head"> <a href="#" class="tile socialmedia"><i class="fa fa-facebook-official"></i></a> <a href="#" class="tile socialmedia"><i class="fa fa-instagram"></i></a> <a href="#" class="tile socialmedia"><i class="fa fa-twitter-square"></i></a> <div class="tile burger"> <div class="meat"> <div class="line one"></div> <div class="line two"></div> <div class="line three"></div> </div> </div> </div> </header> <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script> </body> </html>
body{ padding: 0; margin: 0; background-color: #777; background-image: url('http://i.huffpost.com/gen/1756953/images/o-CHEFS-LIFE-facebook.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; height: 100vh; } header *{ box-sizing: border-box; margin: 0; padding: 0; } header{ height: 120px; width: 100%; position: relative; background-color: white; box-shadow: 0px 2px 5px rgba(0,0,0,.4); } .timlogo{ width: 200px; display: block; margin: 0 auto; padding-top: 15px; } .head{ position: absolute; top: 35px; right: 50px; } .head .tile{ display: inline-block; height: 50px; width: 50px; margin-left: 5px; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; } .head .tile.socialmedia{ color: #0b253e; font-size: 50px; text-align: center; line-height: 50px; position: relative; top: -6px; } header.clicked .head .tile.socialmedia{ color: white; } .head .burger{ margin-left: 25px; padding: 5px; cursor: pointer; background-color: transparent; } .meat{ height: 40px; width: 40px; position: relative; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; } header.clicked .head .burger .meat{ transform: rotate(180deg); -webkit-transform: rotate(180deg); } .meat .line{ height: 4px; width: 40px; background-color: #0b253e; border-radius: 3px; position: absolute; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; } .meat .line.one{top: 5px; left: 0px;} .meat .line.two{top: 18px; left: 0px;} .meat .line.three{top: 31px; left: 0px;} header.clicked .burger .line{ background-color: white; } header.clicked .burger .line.one{ transform: rotate(45deg); -webkit-transform: rotate(45deg); top: 18px; } header.clicked .burger .line.two{ transform: rotate(-45deg); -webkit-transform: rotate(-45deg); top: 18px; } header.clicked .burger .line.three{ opacity: 0; } header.clicked .burger:hover .meat{ transform: rotate(270deg); -webkit-transform: rotate(270deg); } .nav-modal{ position: fixed; top: 0px; left: 0px; width: 100%; height: 100vh; visibility: hidden; opacity: 0; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; pointer-events: none; } header.clicked .nav-modal{ visibility: visible; opacity: 1; pointer-events: initial; } .nav-modal .blob{ display: block; width: 10px; height: 10px; border-radius: 100%; margin: 0 auto; background-color: #0b253e; position: relative; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); transition: all .3s ease-in; } header.clicked .nav-modal .blob{ width: 100vw; height: 100vh; border-radius: 0px; } nav{ position: fixed; left: 20%; top: 30%; color: white; } nav a{ color: white; text-decoration: none; font-family: sans-serif; font-family: 'Oswald', sans-serif; font-size: 30px; } nav ul li{ list-style: none; text-align: right; border-right: 6px solid white; padding-bottom: 10px; padding-right: 10px; position: relative; } nav{ opacity: 0; transition: all .3s ease-in; -webkit-transition: all .3s ease-in; -webkit-transition-delay: .3s; -moz-transition-delay: .3s; -o-transition-delay: .3s; transition-delay: .3s; } header.clicked nav{ opacity: 1; } nav ul li ul{ position: absolute; right: -300px; top: -4px; display: none; } nav ul li ul li{ border: none; padding-bottom: 10; padding-left: 10px; height: 50px; width: 300px; } nav ul li ul li a{ display: block; height: 50px; font-size: 20px; text-align: left; padding: 10px; } nav ul li.selected ul{ display: block; } nav ul li.notselected a{ opacity: .5; } nav ul li.selected ul li a{ opacity: 1; } @media screen and (max-width:820px){ .timlogo{margin-left: 50px;} } @media screen and (max-width:580px){ .timlogo{width: 130px; padding-top: 30px;} nav ul li a{ font-size: 16px; } nav ul li ul{ top: -9px; } nav ul li ul li{ height: 40px; } nav ul li ul li a{ font-size: 16px; height: 40px; } } @media screen and (max-width:500px){ .timlogo{display: none;} } @media screen and (max-width:320px){ header .head .tile.socialmedia{ display: none; } }
//This simple script handles the header nav menu modal //also covered nav sub menu selection //Dependencies: jQuery $(document).ready(function() { $('.burger').click(function(){ $('header').toggleClass('clicked'); }); $('nav ul li').click(function(){ $('nav ul li').removeClass('selected'); $('nav ul li').addClass('notselected'); $(this).toggleClass('selected'); $(this).removeClass('notselected'); }); });

Related: See More


Questions / Comments: