订阅汇聚素材网Feed

微信雷达扫描

微信雷达扫描

微信雷达扫描

/* 雷达扇叶效果 */

.pointerAnim { will-change: transform; -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; border-radius: 50% 50% 0 0 / 100% 100% 0 0; background-image: -webkit-linear-gradient(315deg, rgba(255, 255, 255, 0.8) 0%, rgba(0, 0, 0, 0.02) 70%, transparent 100%); background-image: linear-gradient(135deg, rgba(255, 255, 255, 0.8) 0%, rgba(0, 0, 0, 0.02) 70%, transparent 100%); -webkit-animation: rotate360 3s infinite linear; animation: rotate360 3s infinite linear; }

//js部分

$(".btn").click(function () {
$(".pointer").addClass("pointerAnim");
var timeout = 1000;
var index = 0;
var addClass;
addClass = setInterval(function(){
if(index >= $(".user span").length){
index = 0;
addClass = clearInterval(addClass);
$(".user span").removeClass("flip").addClass("shadow")
}else {
$(".user span").eq(index++).fadeIn(timeout).addClass("flip")
}
},timeout);
})
webhj_wxsm.zip152 次Downloads
6 人Likes
  

文章转载请注明:微信雷达扫描-汇聚素材网

本文固定链接:http://www.webhj.com/hj-2384.html  +复制链接

微信雷达扫描:等您坐沙发呢!

发表评论

*

*

8 + 8

快捷键:Ctrl+Enter
0全站搜索 1 设计 2 素材 3 教材 4 WEB 5 电子书籍