css hover 实现鼠标放上去后略微放大的效果

代码如下：

 <div class="button">文字</div>

css代码如下：

.button{width: 100px;height: 50px;margin-top: 100px;margin-left: 100px;color: white;background-color: gray;line-height: 50px;text-align: center;transition: all 0.5s ease;  // 重点在这和&:hover&:hover{transform: scale(1.05);}
}

实现效果就是鼠标放上去会放大，鼠标移开后会恢复原样