锤子科技官网banner的动效是如何实现的？
锤子科技官网banner的动效是如何实现的呢？就是图片随鼠标的轨迹移动的动效。以及上方图片文字动效。是CSS3吗？
地址：https://www.smartisan.com/
```
<style type="text/css">
    .content{
        margin:200px auto;
        width:200px;
        height:200px;  
        background: #db473c;  
        color:#fff;   
    }
    .container {
        transform-style: preserve-3d;
        perspective: 500px;
    }
    </style>
    <div class="container">
    <div class="content"></div>
    </div>
    <script type="text/javascript">
        (function(){
            var content=document.querySelector(".content")
                content.onmousemove=function(e){
                    var evt=e||window.event;
                    var rotateY=-(content.clientWidth/2-evt.offsetX)/10;
                    var rotateX=(content.clientHeight/2-evt.offsetY)/10;
                    content.style.transform=`rotateX(${rotateX}deg) rotateY(${rotateY}deg)`
                }
        }
        )()
        
    </script>
```