各种炫酷的特效html代码,网页样式——各种炫酷效果及实现代码

原标题：网页样式——各种炫酷效果及实现代码

1.evanyou 效果-彩带的实现，效果如下

注：这个主要用的是 Canvas 画布实现的，点击背景绘制新的图形，代码如下：

/*Html代码:*/

/*CSS代码:*/

#evanyou{

position:fixed;

width: 100%;

height: 100%;

left: 0;

top: 0;

}

/*JS代码:*/

// evanyou效果

varc = document.getElementById( 'evanyou'),

x = c.getContext( '2d'),

pr = window.devicePixelRatio || 1,

w = window.innerWidth,

h = window.innerHeight,

f = 90,

q,

m = Math,

r = 0,

u = m.PI * 2,

v = m.cos,

z = m.random;

c.width = w * pr;

c.height &