跳到主要内容

左侧揭示

用 clip-path 从左向右揭开,像幕布拉开。

效果预览
参数调节
完整代码
/* 左侧揭示 */
@keyframes revealLeft {
  from { clip-path: inset(0 100% 0 0); }
    to   { clip-path: inset(0 0 0 0); }
}

.reveal-left { animation: revealLeft .7s cubic-bezier(.65,0,.35,1) both; }