网站制作的div阴影鼠标移上去会放大CSS怎么写

div阴影效果，且鼠标移上去的时候会放大，这种css代码要怎么实现，下面这段css代码就是例子
.hp-work-single a {
background-color: #fff;
box-shadow: 0px 10px 30px rgba(121, 107, 93, 0.3);
display: block;
-webkit-transition: all 0.5s ease-out;
-moz-transition: all 0.5s ease-out;
-o-transition: all 0.5s ease-out;
transition: all 0.5s ease-out;
}
.hp-work-single a:hover {
transform: scale(1.05);
}