# 过渡动画

piui内置了一套过渡动画,用于部分组件的状态切换,同时也开放供大家使用,源码 (opens new window)

# 渐入渐出

// 渐入
.pi-ani-fade-show {
  animation-name: fade-show;
}

// 渐出
.pi-ani-fade-hide {
  animation-name: fade-hide;
}
1
2
3
4
5
6
7
8
9

# 渐大渐小

.pi-ani-scale-up {
}

.pi-ani-scale-down {
}

1
2
3
4
5
6
Last updated: 2021/9/27 上午10:31:47