html5 css3点击按钮触发loading加载动画特效

查看演示 下载资源 下载积分： 20 积分

关注公众号，免费赠送安装视频教程、环境和学习视频，后面会不断更新。

js代码

<script>
		const SETTINGS = {
			rebound: {
				tension: 16,
				friction: 5
			},
			spinner: {
				id: 'spinner',
				radius: 90,
				sides: 3,
				depth: 4,
				colors: {
					//background: '#231E76',
					//stroke: '#231E76',
					background: '#f0f0f0',
					stroke: '#272633',
					base: null,
					child: '#272633'
				},
				alwaysForward: true, // When false the spring will reverse normally.
				restAt: 0.5, // A number from 0.1 to 0.9 || null for full rotation
				renderBase: false
			}
		};
		</script>