css - 用hover能做出这样的动画效果吗？

问题描述

问 题

网址：http://www.oneplus.cn/，博客，视频，新闻三那里。鼠标滑过，卡片抬起的效果.

解决方案

遇到想了解的效果，chrome浏览器有对开发者很友好的调试界面。F12,再选中元素，就可以看到相关的CSS代码了。

.bottom-promos li:hover {
    box-shadow: 0 17px 50px 0 rgba(0,0,0,.19);
    transform: translate3d(0,-2px,0);
    transition: all .3s cubic-bezier(.55,0,.1,1);
}

这篇关于css - 用hover能做出这样的动画效果吗？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！