前端好玩的網址

1.codeopen 好玩的開源編輯器，上邊有比較好玩的好東西，可以自己玩一玩，關於3d或者three的東西居多

    https://codepen.io/ 

2.github上開源項目適合練手：

1》https://github.com/gnipbao/h5-test  一些好玩的h5特效

2》https://github.com/gbbyuluo/css3d-engine   好玩的3d，淘寶造物節特效

3>騰訊高逼格h5 3d頁面   https://github.com/JackGit/xplan

4》https://www.digitaling.com/projects/14925.html

5》好的h5案例分析：https://www.h5-share.com/

6》全景插件：http://www.krpano360.com/krpanorumenjiaocheng/

7》一鏡到底案例：http://www.sohu.com/a/165095293_451698

8》https://www.digitaling.com/articles/40228.html

9》騰訊高逼格3D：https://github.com/JackGit/xplan

10》重力感應：https://shakeduang.nuomi.com/campus/index.html?from=timeline&isappinstalled=1

創意h5鏈接：

1.一鏡到底：https://h5.in66.com/inpromo/2017/egret/season/index.html

2.重力感應：http://game.qq.com/cp/a20160310mstt/index.html

3.https://c.m.163.com/nc/qa/activity/20180223/index.html

4.愛的形狀：

http://news.163.com/special/fdh5_shape/?spssid=0639a48fb722a9c114103a827579e966&spsw=1&spss=other

5.虛擬全景：http://www.cadillac.com.cn/wap/active/360VanGogh/#rd

6.css3 設置3d立體：http://bmw.bluemp.com.cn/vtour/tour.html