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

用 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>