特效描述:css3 圆形旋转 背景动画特效。css3 animation和transform属性制作圆形旋转背景动画。
代码结构
1. HTML代码
var followers = document.querySelectorAll('.spiral-follower');
var main = document.querySelector('main');
var duration = parseFloat(getComputedStyle(main).getPropertyValue('--duration'));
for (var i = 0, l = followers.length; i < l; ++i) {
var follower = followers[i];
follower.style.setProperty('animation-delay', (-(i * duration / l)) + 'ms');
}