请问div移动上去悬浮效果怎么做

<style>
ul,ul li{list-style-type:none;}
ul{width:900px; margin:auto; background:#ccc;}
li{float:left;margin-right:16px;margin-bottom:16px;-webkit-transition:all ease-in .3s;-moz-transition:all ease-in .3s;-ms-transition:all ease-in .3s;-o-transition:all ease-in .3s;transition:all ease-in .3s; width:200px; height:200px; border:#C3BBBB 1px solid;}
li:hover{box-shadow:0 15px 30px rgba(0,0,0,.2);-webkit-transform:translateY(-2px);-o-transform:translateY(-2px);-moz-transform:translateY(-2px);-ms-transform:translateY(-2px);transform:translateY(-2px);-webkit-transform:rotate(-2px);-o-transform:rotate(-2px);-moz-transform:rotate(-2px);-ms-transform:rotate(-2px);transform:rotate(-2px)}
</style>
<ul>
   <li></li>
   <li></li>
   <li></li>
</ul>

效果如下，满意请采纳

温馨提示：答案为网友推荐，仅供参考

当前网址：https://verywind.cn/ee/x22evejffv2rex73yx.html