Buildings Menu
How do I make an buildings menu?
Building assets for a real estate client. What is a buildings menu? How do you make a buildings menu? This script and codes were developed by Alex Coven on 11 August 2022, Thursday.
Buildings Menu - Script Codes HTML Codes
<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Buildings Menu</title> <link rel="stylesheet" href="css/style.css">
</head>
<body> <button> <span></span> <span></span> <span></span>
</button>
</body>
</html>
Buildings Menu - Script Codes CSS Codes
* { transition: all .5s ease-in-out;
}
body { background:#485566;
}
button { position:absolute; top:50%; left:50%; background:transparent; border:0px; cursor: pointer;
}
button:focus { outline:0px;
}
span { height:20px; width:4px; background:#fff; display:inline-block; margin:0px 1px;
}
span:nth-child(even) { height:25px;
}
button:hover span { height:25px;
}
button:active { transform: rotate(-90deg); height:45px; top:48.5%; position:absolute;
}
button:active span:nth-child(1) { transform: rotate(45deg); height:25px; margin:0;
}
button:active span:nth-child(2) { height:40px; margin-bottom:-20px;
}
button:active span:nth-child(3) { transform: rotate(-45deg); height:25px; margin:0;
}
Developer | Alex Coven |
Username | alcoven |
Uploaded | August 11, 2022 |
Rating | 3 |
Size | 1,652 Kb |
Views | 66,792 |
Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!
Name | Size |
Atomic Hamburger Menu CSS | 3,301 Kb |
SVG Squid Swimming WIP Hover | 3,405 Kb |
Charging Battery CSS | 2,002 Kb |
Gooey Menu CSS no SVG | 3,719 Kb |
Word randomize and replace. | 2,221 Kb |
Squid Swimming Spinning SVG Animation | 4,005 Kb |
Material More Button CSS | 3,723 Kb |
Lucro Assets | 7,909 Kb |
Check it off | 3,524 Kb |
Tazo Assets | 2,403 Kb |
Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!
Name | Username | Size |
Replace url via jquery | Serluk | 1,429 Kb |
Fading Navigation Bar | J-w-v | 2,805 Kb |
Greyscale image with filter in CSS3 | NickyCDK | 1,562 Kb |
Bezier Animation with straight paths | Rhernando | 2,087 Kb |
E-mail Template | SoloMDFK | 4,871 Kb |
Fullscreen audio play button | 72 | 2,148 Kb |
About Us | Francescaedits | 1,902 Kb |
Savemedia1.1 | EdsonAlcala | 2,148 Kb |
Intake Form Page 2 | Ijantje | 4,983 Kb |
Wikipedia Viewer | Thomasvaeth | 2,549 Kb |
Surf anonymously, prevent hackers from acquiring your IP address, send anonymous email, and encrypt your Internet connection. High speed, ultra secure, and easy to use. Instant setup. Hide Your IP Now!