Easy comparison slider （Windows Firefox での確認はOK） @layer { .compare { display: grid; > * { grid-area: 1 / 1; } > section { display: grid; place-content: center; } .before { mask: linear-gradient(to right, #000 0, var(--pos, 50%), #00…

Image Compare Viewer （Windows Firefox での確認はOK 別ブログ「時悠帖・五差路」の過去記事から） .icv{position:relative;overflow:hidden;cursor:row-resize}.icv__icv--vertical{cursor:row-resize}.icv__icv--horizontal{cursor:col-resize}.icv__img…