Scratch Card demo

Try zooming in and out the page!

Hello!

Default values

fillColor="salmon"


						fillColor="hsl(145, 63%, 42%)"
						

						brushScale="0.5"
						

						showAllAt="50"
						

						preserveAspectRatio


						coverSrc="./scratch.webp"
						

						preserveAspectRatio


						coverSrc="./scratch.webp"
						

						preserveAspectRatio
						

						centerCover


						coverSrc="./scratch.webp"
						

						centerCover

fillColor="salmon"

CSS properties:


						--scratch-card-border-radius: 50%;
						

						--scratch-card-cursor: pointer;