CSSだけで画像のビフォーアフターを見れるやつResult 画像のビフォーアフターみたいなやつをCSSで、という内容です。 ※画像が全く同じ場合は読み込まれてないので右下のrerunを押してリロードしてください ちょっと力技感あるので実用的かどうか判断できませんが、コード自体はシンプルです css.foo {/*親要素且つビフォー画像*/ background-image: url(https://picsum.photos/800/600); width: 600px; height: 450px; border: 20px solid #F0E5AB; padding: 0; margin: 1rem auto; position: relative; overflow: hidden; } .bar {/*アフターの画像。親要素に重ねる形で配置*/ background-image: url(https://picsum.pho
シンプルなbefore/afterコンテンツを作成できるスクリプト・「beerslider」 | かちびと.net
Covering Bad
