<html lang="en">
<head><meta charset="UTF-8">
<title>Text</title>
<link rel="stylesheet" href="style.css">
</head><body> <header><span>1<span>2<span>3<span>4<span>5<span>6<span>7</span></span></span></span></span></span></span>
</header> </body></html>body{
body{background: #e5e5e5;
}
header{height: 128px;
width: 80%;
margin: 100px auto 0 auto;
text-align: center;
font-size: 48px;
line-height: 128px;
background: #fff;
border-radius: 2px;
border-radius: 2px;
border-radius: 2px;
overflow: hidden;
box-shadow: 0 2px 5px -3px black;
}
header span{
display: inline-block;
padding: 0 4px;
transform: scale(3);
color: transparent;
transition: transform 2s ease, color 2s ease;
}
header:hover span{
transform: scale(1);
color: black
}