m0_51581537的博客

应用 animateBox （keyframes ，这个动画定义了从 0deg 旋转到 180deg 的过程。子元素在前50%的时间里会旋转180度，并在接下来的50%时间里保持这个角度（因为 50% 和 100% 的状态是相同的）），持续2秒，使用 ease-in 函数进行无限循环。background: url(‘替换图片.jpg’) no-repeat center/cover;伪类用于当鼠标悬停在 .loader 上时，改变 .loader 和其子元素的样式。

/ 公式 (window.innerWidth - e.pageX * 2) / 2 用于计算视差效果的水平位移。// 使用 querySelectorAll 选择页面中所有 class 为 .layer 的元素。// 将计算得到的位移值应用到元素的 transform 属性上，产生水平移动的效果。// 监听鼠标移动事件，当鼠标在页面上移动时，触发 parallax 函数。// 定义一个名为 parallax 的函数，用于处理视差效果。// e.pageX 是鼠标相对于页面左上角的水平位置。