css 闪烁

dom

<div class="show-scroll">
	<Icon type="ios-arrow-dropdown" />
</div>

css

.show-scroll {
	width: 2rem;
	height: 2rem;
	.ivu-icon {
		width: 2rem;
		height: 2rem;
		font-size: 2rem;
		-webkit-animation: twinkling 2.1s infinite ease-in-out;
		animation: twinkling 2.1s infinite ease-in-out;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
	}
}
@-webkit-keyframes twinkling {
	0% {
		opacity: 0.2;
		filter: alpha(opacity=20);
		-webkit-transform: scale(1);
	}
	50% {
		opacity: 0.5;
		filter: alpha(opacity=50);
		-webkit-transform: scale(1.12);
	}
	100% {
		opacity: 0.2;
		filter: alpha(opacity=20);
		-webkit-transform: scale(1);
	}
}
@keyframes twinkling {
	0% {
		opacity: 0.2;
		filter: alpha(opacity=20);
		-webkit-transform: scale(1);
	}
	50% {
		opacity: 0.5;
		filter: alpha(opacity=50);
		-webkit-transform: scale(1.12);
	}
	100% {
		opacity: 0.2;
		filter: alpha(opacity=20);
		-webkit-transform: scale(1);
	}
}