@keyframes 和animation配合使用

1、@keyframes 和animation配合使用：

http://www.w3school.com.cn/tiy/t.asp?f=css3_keyframes2

2、@keyframes、transform 和animation配合使用

@keyframes bounce-up {
25% {
transform: translateY(10px);
}
50%, 100% {
transform: translateY(0);
}
75% {
transform: translateY(-10px);
}


.animate-bounce-up{
animation: bounce-up 1.4s linear infinite;
}

 

<div class="animate-bounce-up " >

</div>

posted on 2017-11-16 09:23  luziluck  阅读(318)  评论(0)  编辑  收藏  举报

导航