向右擦除
用 clip-path 从右往左擦除,可做退场。
效果预览
参数调节
完整代码
/* 向右擦除 */
@keyframes wipeRight {
from { clip-path: inset(0 0 0 0); }
to { clip-path: inset(0 0 0 100%); }
}
.wipe-right { animation: wipeRight .6s cubic-bezier(.65,0,.35,1) both; }