Wie erstelle ich ein Vergleichsbild mit Schieber für Website?

Hallo, wie erstelle ich ein Bild mit Vergleichsbild, welches man intuitiv hin und her wechseln kann? Wie auf dem Beispielbild von Nvidia. Möchte so etwas auf meiner Website einbauen

Answer 1

[MrAmazing2]

Du plazierst beide Bilder hintereinander (position: absolute) und setzt dann mithilfe von JavaScript das CSS-Attribut clip-path auf die passenden Werte. Schau dir an wie Clip-path funktioniert, dann ist das eigentlich ziemlich einfach:

https://www.w3schools.com/cssref/css3_pr_clip-path.asp

https://developer.mozilla.org/de/docs/Web/CSS/clip-path

Woher ich das weiß: Hobby – Programmieren ist mein Hobby & Beruf