js基于css3属性绘制随机生成的圆形变大消失,类似圆点冒泡慢慢变大消失的动画过程特效。
使用方法
1、单独使用修改index.js删除/保留部分
const slider = document.querySelector('[data-slider]'); //去掉
var timer = 300; //默认圆圈数量保留
slider.addEventListener('input', e => { //去掉整句
timer = 500 - slider.value;
});
2、body删除部分
<div class="controls"> <label class="controls__label">Number of circles</label> <input class="controls__slider" data-slider type="range" min="100" max="500" step="1" value="300" /> </div>