如何营造一种鼠标移入卡片后卡片升起来的感觉

开发工具与关键技术：DW,html和css
作者：谭威
撰写时间：2019年1月18日

先做好一张小卡片，具体描述如下：

这样就做好了一张卡片了，然后为了给其营造一种升起来的感觉，我调用@keyframes这个函数：

小伙伴们也可以在中间插入其它的步骤，营造一种慢慢升起来的感觉，从上面我们可以看到box-shadow的值可以用逗号隔开，设置多个阴影。最后营造一种鼠标移入后升起来的感觉：

我给它设置一个伪类，在这个伪类调用了you的函数，让函数调用完后停到最后一顺帧，你也可以用forwards，接下来让我们看下效果图：