CSS3-анимации уже могут заменить простые анимационные эффекты Flash, особенно на мобильных устройствах, где CSS3-анимации обладают высокой производительностью, просты в реализации и имеют хорошую совместимость! Библиотека анимаций на этой странице взята из интернета и содержит часто используемые CSS3-анимационные эффекты, предоставляя 74 распространенных анимационных эффекта, которые часто используются нами при создании презентаций! Выбрав соответствующую анимацию, вы можете получить CSS-код анимации! Таким образом, вам не нужно загружать всю библиотеку анимаций, достаточно просто скопировать CSS-код нужного анимационного эффекта! Только при поддержке CSS3 эта анимация будет работать!
.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 可以用其它动作名称代替
Вы недавно использовали: