📜  动画剪辑路径 - CSS 代码示例

📅  最后修改于: 2022-03-11 14:47:53.127000             🧑  作者: Mango

代码示例1
.down-enter-active { animation: 1s down-enter; }
.down-leave-active { animation: 1s down-leave; }

@keyframes down-enter {
  0% { clip-path: inset(0 0 100% 0); }
  100% { clip-path: inset(0); }
}

@keyframes down-leave {
  0% { clip-path: inset(0); }
  100% { clip-path: inset(100% 0 0 0); }
}