As animações Css3 já podem substituir os efeitos de animação simples do Flash, e no mobile, as animações Css3 têm alta performance, são fáceis de implementar e têm boa compatibilidade! Esta biblioteca de animações da página é proveniente da internet e coleta efeitos de animação Css3 comuns, fornecendo 74 efeitos de animação comuns, que frequentemente usamos ao criar apresentações de slides! Ao selecionar a animação correspondente, você pode obter o código Css da animação! Dessa forma, você não precisa baixar toda a biblioteca de animações, basta copiar o código Css da animação que deseja usar! Somente dispositivos que suportam Css3 suportam essa animação!
.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 可以用其它动作名称代替
Você usou recentemente: