Показать сообщение отдельно
  #2 (permalink)  
Старый 30.03.2020, 22:31
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,121

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>
Ответить с цитированием