Animated Navbar using Flex and clip-path

PHOTO EMBED

Thu Dec 30 2021 01:33:31 GMT+0000 (UTC)

Saved by @Surftware #undefined

*{

    margin: 0;

    padding: 0;

    color: #f2ff;
5
    font-family: sans-serif;

    letter-spacing: 1px;
7
    font-weight: 300;

}

body{

    overflow-x: hidden;

}

nav{

    height: 6rem;

    width: 100vw;

    background-color: #1314;

    box-shadow: 0 3px px rgba(0, 0, 0, 0.2);

    display: flex;
18
    position: fixed;

    z-index: 10;
20
}

​

/*Styling logo*/

.logo{

    padding:1vh 1vw;
content_copyCOPY

https://codepen.io/hitensharma/pen/dybryGE