首页 建站知识 源码分享 素材下载 经验分享

炫酷Canvas 3D线条动画特效

发布时间:2019年08月16日 16:09:13

一款基于three.js的 HTML5 canvas3D线条动画特效。该3D线条动画特效可以用鼠标进行互动,canvas的背景颜色可以随机改变。你可以使用它来制作页面顶部的Banner,效果会非常的酷。

下面是该3D线条特效的基本HTML结构。

<div class="canvas-wrap">
    <div class="canvas-content">
        <h1>Hello world</h1>
    </div>
    <div id="canvas" class="gradient"></div>
</div>

完成上面的步骤之后,该插件就可以正常工作了。

这个插件可以完全自定义颜色、线条、透明度和透视度等属性,但是这些都需要在3d-lines-animation.js文件中修改相应的代码,插件本身并没有提供相应的参数。

2019-8-16 星期五 下午 3-10-32.jpg

点赞
(1)|
收藏
(0)
|
纠错
|
下载次数
51
浏览 148 次
发布时间:2019年08月17日 01:08:01 所属 特效素材 html5 canvas首屏自适应背景动画循环效果代码
html5 canvas首屏自适应背景动画循环效果代码
html5 canvas首屏自适应背景动画循环效果代码
特效素材
发布时间:2019年08月16日 16:09:13 所属 特效素材 炫酷Canvas 3D线条动画特效
炫酷Canvas 3D线条动画特效
一款基于three.js的 HTML5 canvas3D线条动画特效。该3D线条动画特效可以用鼠标进行互动,canvas的背景颜色可以随机改变。你可以使用它来制作页面顶部的Banner,效果会非常的酷。
特效素材
发布时间:2019年08月16日 15:18:24 所属 特效素材 html5 canvas粒子星空
html5 canvas粒子星空
html5 canvas粒子星空
特效素材

推荐分享

热门