搭配 box-shadow 和 hover 创作 CSS 动画效果

一般在页面上的动画效果都是通过CSS里面的animation动画函数来完成的,然而通过一些简单的CSS属性也可以完成部分实用且美观的简易动画,例如：

左边盒子通过伪类hover以及盒子阴影box-shadow的搭配设置,完成了一种简易的动画效果,当鼠标移动到盒子上方时,盒子底部会缓缓浮现一层半透明的阴影,给人一种盒子浮起来了的感觉。搭配的代码很简单:

…若有不足之处请各位多提些建议