首页 > IT职业 > IT图书 > 粒子上升渐变特效学习
之前在某个网站发现有个粒子缓缓上升的特效,最近想用的时候发现找不到了找不到了找不到了。求助群里的大佬们,在大佬推荐的网站上找到了一样的特效。于是把特效顺带学习了波。
特效demo如下:

image
这里只取了Bubbles的特效。学习过程记录在代码注释中
css代码如下
html元素如下
<!-- 这里让元素宽度100%(和页面等宽) -->Bubbles
js如下
好了,代码就学习到这里,实现原理已经明了啦。
最后预览下效果:

image
作者:hojun
链接:https://www.jianshu.com/p/65971bf0b4cb
来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/1331/viewspace-2812448/ ,如需转载,请注明出处,否则将追究法律责任。