MOT,
<!DOCTYPE html>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<style>
.header {
width: 100%;
height: 50px;
border-radius: 10%;
background: linear-gradient(#CCCCCC, #222222);
display: flex;
overflow: hidden;
}
.header > div {
height: 50px;
border-right: 2.5px solid #111111;
flex : 1;
}
.header > div:last-child {
border-right: none;
}
.header > *:active {
background: linear-gradient(#222222, #CCCCCC);
}
</style>
</head>
<body>
<div class="header">
<div class="panel1"><img src=""></div>
<div class="panel2"><img src=""></div>
<div class="panel3"><img src=""></div>
<div class="panel4"><img src=""></div>
<div class="panel5"><img src=""></div>
<div class="panel6"><img src=""></div>
<div class="panel7"><img src=""></div>
<div class="panel8"><img src=""></div>
</div>
</body>
</html>