左側揭示
用 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; }