1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24
| body {
background-image: url('http://www.littlewoolshop.com/blog/wp-content/uploads/sites/8120/2021/07/josiah-farrow-lpxf698eF6s-unsplash.jpg');
width: 100vw;
height: 100vh;
background-size: cover;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
padding: 0;
margin: 0;
box-sizing: border-box;
}
#hex {
width: 200px;
height: 175px;
clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
backdrop-filter: blur(0px);
background-color: rgba(0,0,0,.3);
}
#hex:hover {
backdrop-filter: blur(5px);
} |
Partager