Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- nav ul li {
- display: inline-block;
- float: left;
- position: relative;
- }
- nav ul li a {
- color: #fff;
- padding: 18px 10px;
- display: inline-block;
- transition: all 0.4s;
- }
- nav ul li a:hover,
- nav ul li.active a {
- background-color: #f70501;
- color: #fff;
- }
- /*dropdwon menu style*/
- nav ul li>ul {
- position: absolute;
- left: 0;
- top: 56px;
- min-width: 250px;
- z-index: 3;
- transition: all 0.4s;
- visibility: hidden;
- transform: scaleY(0);
- transform-origin: center top 0;
- background-color: #821789;
- box-shadow: 4px 2px 4px 2px rgba(0, 0, 0, 0.2);
- }
- nav ul li>ul li {
- display: block;
- width: 100%;
- border-bottom: 1px solid #610c67;
- }
- nav ul li>ul li a {
- display: block;
- }
- nav ul li>ul li:last-child {
- border-bottom: none;
- }
- nav ul li:hover>ul {
- visibility: visible;
- transform: scaleY(1);
- }
- nav ul li>ul li>ul {
- position: absolute;
- left: 250px;
- background: #f2f2f2;
- min-width: 250px;
- transform-origin: center left 0;
- transform: scaleX(0);
- visibility: hidden;
- transition: all 0.4s;
- top: 0;
- background-color: #821789;
- box-shadow: 4px 2px 4px 2px rgba(0, 0, 0, 0.2);
- }
- nav ul li>ul li:hover>ul {
- visibility: visible;
- transform: scaleX(1);
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement