概念
3D视差效果
利用CSS transform: perspective()与translateZ()或监听鼠标/滚动位置改变不同图层位移速度,制造前后景分离立体纵深感的前端视觉效果,计算量小、兼容性好,无需WebGL或Three.js。
时间轴 (近 90 天)
10月24日
3D视差效果可以利用CSS的transform: perspective()与translateZ(),或监听鼠标/滚动位置改变不同图层位移速度来实现,不需要WebGL或Three.js这类重型库。
待验证50%
利用CSS transform: perspective()与translateZ()或监听鼠标/滚动位置改变不同图层位移速度,制造前后景分离立体纵深感的前端视觉效果,计算量小、兼容性好,无需WebGL或Three.js。
3D视差效果可以利用CSS的transform: perspective()与translateZ(),或监听鼠标/滚动位置改变不同图层位移速度来实现,不需要WebGL或Three.js这类重型库。