网页高级感之3D
2023-07-18 本文已影响0人
alue
另一个提升页面高级感的方式,是引入三维效果.
可以利用css transform 提供的3D能力来完成,也可以利用成熟的库, 例如three.js来实现.
配合上 scroll 和 鼠标位置事件,来触发三维动画, 页面的高级感就立刻凸显出来了.
例如,轻微的改变camera,造成视差parallax, 用户就会觉得,这个页面有水平. 其实, 这些都是非常简单易学的知识点.
另一个提升页面高级感的方式,是引入三维效果.
可以利用css transform 提供的3D能力来完成,也可以利用成熟的库, 例如three.js来实现.
配合上 scroll 和 鼠标位置事件,来触发三维动画, 页面的高级感就立刻凸显出来了.
例如,轻微的改变camera,造成视差parallax, 用户就会觉得,这个页面有水平. 其实, 这些都是非常简单易学的知识点.