Las animaciones de CSS3 ya pueden reemplazar los efectos de animación simples de Flash. En dispositivos móviles, las animaciones de CSS3 tienen un alto rendimiento, son fáciles de implementar y tienen una buena compatibilidad. Esta biblioteca de animaciones de la página proviene de Internet y recopila efectos de animación de CSS3 comunes, proporcionando 74 efectos de animación comunes que a menudo usamos al crear presentaciones de PowerPoint. Al seleccionar la animación correspondiente, puedes obtener el código CSS de la animación. De esta manera, no es necesario descargar toda la biblioteca de animaciones; simplemente copia el código CSS del efecto de animación que necesites. Solo los navegadores que admiten CSS3 pueden soportar esta animación.
.animated {
-webkit-animation-duration: 1s;
animation-duration: 1s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both
}
@-webkit-keyframes flash {
0%,100%,50% {
opacity: 1
}
@keyframes flash {
0%,100%,50% {
opacity: 1
}
.flash {
-webkit-animation-name: flash;
animation-name: flash
}
事例代码： <div class="animated flash ">测试</div> ;flash 可以用其它动作名称代替
Recientemente has utilizado: