2017年07月_小圣贤君

11月 10月 09月 07月 06月

原创 H5炫酷特效系列4——炫酷粒子变化特效

这个示例虽然没有相对比较实用的特性，但是表现出来的效果确实非常震撼眼球。先上效果图，让各位同胞感受一下：特效的表现感很强，有兴趣的读者可以仔细学习一下下面的代码，尝试着理解其中的逻辑。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>炫酷粒子变换特效</title> <style type="text

2017-07-30 12:38:53 9392 7

原创 H5炫酷特效系列3——瀑布流水特效

这个案例模拟瀑布流水的效果，有点类似喷泉，粒子模拟的水滴会一层一层的下落，很是漂亮。效果看上去很是炫酷，代码并不是很多，几十行代码搞定，同志们直接复制运行就可以查看效果。<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>瀑布流水</title> <style type="text/css"> html,

2017-07-29 22:34:14 4101 1

原创 H5炫酷特效系列2——canvas特效-炫酷的心

之前已经有了一个满屏幕红心的案例，这次带来一个更加炫酷的心型炫酷动效，直接上图，有兴趣的就继续往下看，没兴趣直接过。屏幕上眼花缭乱的心，不停的冲击着你的视线，让那些少女心砰砰直跳，绝对表白利器，同志们可以直接拿去给中意的姑娘看哦。直接将下面的代码复制运行就可以看到效果：<!DOCTYPE html><html><head> <meta charset="utf-8"> <tit

2017-07-29 22:15:34 7201 8

原创 H5炫酷特效系列1——canvas满屏幕变换爱心示例

啥都不说，先上效果图，同志们觉得满意就继续看，不中意直接过。效果为满屏幕的红心到处乱窜，红心自动变换大小和透明度，代码也不多，同志们直接复制就可以运行查看。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>满屏幕红心</title> <style type="text/css"> b

2017-07-29 12:59:51 10125 2