Source Code: (back to article)
<!DOCTYPE html>
<html>
<head>
<title>Заголовок документа</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;