锤子科技官网主页图片悬浮沉浸的效果是如何实现的？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Can I use?

› http://caniuse.com/

Less

› http://lesscss.org

Cool Libraries

› Bootstrap from Twitter

› Jetstrap

这是一个创建于 2981 天前的主题，其中的信息可能已经有所发展或是发生改变。

用 developer 工具看了一下网页的代码， div 标签 class 名是 banner-3d-box-mask ， div 外面又套了一个 div 标签，

鼠标悬浮上面的时候<div class="banner-3d animating">
非悬浮时候<div class="banner-3d">

然后样式看不懂，有做前端的大神讲一下？

<div class="banner-3d-box-mask">
<div class="banner-3d-box-2" style="transition: transform 0.3s ease-in-out;"></div>
<div class="banner-3d-box-3" style="transition: transform 0.3s ease-in-out;"></div>
</div>

目前尚无回复

div class 悬浮 banner-3d