实例代码“Ctrl+/”提示“F11/ESC”全屏 返回 格式化 恢复 运行
​x
 
1
<style type="text/css">
2
.bounce-enter-active {
3
  animation: bounce-in .5s;
4
}
5
.bounce-leave-active {
6
  animation: bounce-out .5s;
7
}
8
@keyframes bounce-in {
9
  0% {
10
    transform: scale(0);
11
  }
12
  50% {
13
    transform: scale(1.5);
14
  }
15
  100% {
16
    transform: scale(1);
17
  }
18
}
19
@keyframes bounce-out {
20
  0% {
21
    transform: scale(1);
22
  }