今天给各位分享web3d网站源码分享的知识，其中也会对web网页源码进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！
先看效果：
说到球首先想到的，就是地球经纬度那样的线框图。
18条经线，18个圆，绕Y轴方法依次旋转10度17条纬线，从-80度开始一直到80度。纬线半径为cos(R)，纬线偏移为sin(R)地球倾角为23度左右，加上一个旋转的动画效果
使用js来生成经纬线：
.container,.box{\n\tposition:relative;\nwidth:100%;\nheight:100%;\ndisplay:flex;\njustify-content:center;\nalign-items:center;\ntransform-style:preserve-3d;\n}\n.container{\nperspective:500px;\noverflow:hidden;\n}\n.box{\nanimation:rotate20slinearinfinite;\n}\n.box>div{\nposition:absolute;\nwidth:320px;\nheight:320px;\nborder:solid1px34;container&34;box&39;div&39;rotateY(&39;deg)&39;.box&39;div&39;px&39;translateY(&39;px)rotateX(90deg)&39;.box&39;div&39;rotateY(&39;deg)rotateX(&39;deg)translateZ(160px)&39;.box&39;%-&39;%'
当然，div颗粒越小，渲染出来的越平滑，越圆润但是也越卡。
手机上无法渲染了，要看的话下载源码使用chrome查看吧。
代码仓库地址：
https://github.com/shb190802/html5
演示地址：
关于web3d网站源码分享和web网页源码的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。