一款基于 CSS3 的 Loading 加载动画,可自定义参数的,比如半径、旋转速度等都可以通过右侧的滑杆来设置。压缩后仅 1.9 k,不需要任何图片和任何外部的 CSS 样式。
使用方法:
var opts = { lines: 12, // The number of lines to draw length: 7, // The length of each line width: 5, // The line thickness radius: 10, // The radius of the inner circle color: '#000', // #rbg or #rrggbb speed: 1, // Rounds per second trail: 100, // Afterglow percentage shadow: true // Whether to render a shadow};var target = document.getElementById('foo');var spinner = new Spinner(opts).spin(target);