.comparison-slider { position:relative; width:100%; max-width:600px; height:400px; overflow:hidden; cursor:ew-resize; } .before-img, .after-img { position: absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; } .after-img { clip-path: inset(0 50% 0 0); /* 애프터 이미지 절반만 */ transition: clip-path 0.1s; } .slider-handle { position:absolute; top:0; left:50%; width:8px; height:100%; background:#fff; border-left:2px solid #aaa; border-right:2px solid #aaa; cursor:ew-resize; z-index:2; transition:left 0.1s; }