Source Code: (back to article)
<!DOCTYPE html>
<html>
<head>
<title>Titre du document</title>
<style>
* {
margin: 0;
padding: 0;
list-style-type: none;
box-sizing: border-box;
}
body {
background: url("https://images.unsplash.com/photo-1532210317995-cc56d90177d9?ixlib=rb-1.2.1&auto=format&fit=crop&w=1050&q=80") center;
background-size: cover;
min-height: 600px;
font-family: "Helvetica Neue", sans-serif;
}
nav {
text-align: center;
}
.menu {
display: inline-block;
}
.menu > li {
float: left;
color: #e298e1;
width: 140px;
height: 40px;
line-height: 40px;
background: rgba(0, 0, 0, 0.7);
cursor: pointer;
font-size: 17px;
}
.sub-menu {
transform: scale(0);
transform-origin: top center;