让按钮动起来的一个案例

重点：

1. a 标签必须有display: inline-block; transition: 300ms;
2. a:hover使用transform: translateY(-8px);

header a {
font-size: 24px;
color: #FFFFFA;
text-decoration: none;
width: 240px;
height: 60px;
background: #01847F;
border-radius: 8px;
padding: 12px 48px;
display: inline-block;
transition: 300ms;
text-align: center;
line-height: 30px;
}

header a:hover {
transform: translateY(-8px);    
}