.ring1, .ring2 {
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-timing-function: ease-in-out;
}
// 10% -- 40% -- 70% 相等间隔    
@keyframes show1 {
	0% { opacity: 0; }
	10% { opacity: 1; } 
	70% { opacity: 1; } 
	80% { opacity: 0; } 
	100% { opacity: 0; }
}

@keyframes show2 {
	0% { opacity: 0; }
	30% { opacity: 0; } 
	40% { opacity: 1; } 
	70% { opacity: 1; }
	80% { opacity: 0; }
	100% { opacity: 0; }
}
Logo

技术共进,成长同行——讯飞AI开发者社区

更多推荐