@keyframes fadeio {
/*设置内容由显示变为隐藏*/
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-moz-keyframes fadeio {
/*设置内容由显示变为隐藏*/
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-webkit-keyframes fadeio {
/*设置内容由显示变为隐藏*/
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
@-o-keyframes fadeio {
/*设置内容由显示变为隐藏*/
0% {
opacity: 1;
}
50% {
opacity: 0;
}
100% {
opacity: 1;
}
}
2.使用animation给需要实现淡出淡入的样式添加该功能;
.fadenum {
animation: fadeio 2s infinite;
-webkit-animation: fadeio 2s infinite;
-moz-animation: fadeio 2s infinite;
-o-animation: fadeio 2s infinite;
}