前端Web特效: 生成活泼的动态气泡背景效果

1,902 阅读1分钟


如果大家需要生成web页面活泼的气泡式背景的话, 今天姥爷我介绍的这个mini JavaScript肯定能帮你大忙。开发者是一个叫戴维的GitHub程序猿, 大家可以免费使用, 压缩后大概696字节,小脚本绝对不会拖累你的网站速度 , 你值得拥有哈!!




体验一下

咱们先预览一下效果:

动态效果,请参考如下地址

运行效果:  www.igeekbar.com/igclass/cod…

在五彩缤纷的气泡页面背景中欣赏网站内容绝对近乎冥想的,我们只需要专注内容,静一静思考,嘿嘿

OK!

咸蛋不扯了, 直接进入主体!!!看看代码啦!!!

<body>
  ...
  <script src="https://cdn.jsdelivr.net/npm/bubbly-bg@0.2.3/dist/bubbly-bg.js"></script>
  <script>bubbly();</script>
  ...
</body>

使用超简单,直接引入相关JS, 然后调用方法 bubbly()即可, 没啥可以解释滴


一些参数

通过设置一些参数, 比如: 颜色和回掉函数, 我们可以设置气泡的行为和样式

简单的了解的话,咱们可以看看下面这张图哈:


相关资料

最后是该项目的地址:  项目滴Github




希望大家能够觉得姥爷的网页设计角度素材有用, 如果有啥建议和意见, 请给我留言,不用客气,嘿嘿