本文案例讲述了CSS3完成闪动动漫实际效果的方式。共享给大伙儿供大伙儿参照。实际方式以下:
给class特性名为className的元素加上闪动动漫实际效果
.className{
-webkit-animation: twinkling 1s infinite ease-in-out
}
.animated{
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
@-webkit-keyframes twinkling{
0%{
opacity: 0.5;
}
100%{
opacity: 1;
}
}
@keyframes twinkling{
0%{
opacity: 0.5;
}
100%{
opacity: 1;
}
}
期待本文所述对大伙儿根据css的网页页面设计方案有一定的协助。