基于CSS实现三维动态页面的方法、系统、设备及介质

摘要

本发明公开了一种基于CSS实现三维动态页面的方法、系统、设备及介质，方法包括：创建至少一元素；基于CSS设置元素的视域属性为视域预设值；修改元素的呈现样式属性为三维样式；设置元素的转动属性为转动预设值；建立HTML文档；在HTML文档的内容上引用元素；解析HTML文档。本发明的方法，通过设置元素的动画属性及运动的关键帧，不仅可以使网页页面呈现出立体感、深度感，更可以使网页页面实现三维动态效果。不仅无需设置复杂的函数、也无需填入大量的数值，通过简单的方式扩展CSS中的属性实现三维动态效果及纵深感的三维网页的外观，进一步给用户好的观感，另一方面，提高3D显示方式的灵活度也加快了网页的加载速度。