Skeleton?

dabblet.css

/* Skeleton? */
body {
	font: 100%/1.5 system-ui;
	padding: 3em;
}

.card {
	padding: 1em;
	max-width: 30em;
	mask: linear-gradient(to right, white, hsl(0 0 100 / .5), white) 200% 0px / 400% 100%;
	animation: 8s sheen ease-in-out infinite;
}

@keyframes sheen {
	to {
		mask-position: -200% 0px;
	}
}

p {
	--skeleton-text-color: hsl(220 10% 80%);
 	text-decoration: .35lh line-through var(--skeleton-text-color);
	text-decoration-skip-ink: none;
	color: transparent;
	line-height: 1lh;
	font-size: 0.1em;
	letter-spacing: 3em;
	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	--ts1: 0 0 .15lh var(--skeleton-text-color);
	--ts2: var(--ts1), var(--ts1), var(--ts1), var(--ts1);
	--ts3: var(--ts2), var(--ts2), var(--ts2), var(--ts2);
	--ts4: var(--ts3), var(--ts3), var(--ts3), var(--ts3);
 	text-shadow: var(--ts4), var(--ts4), var(--ts4), var(--ts4); 
}

dabblet.html

<article class="card">
	<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Neque debitis tenetur placeat qui dicta provident quibusdam eum soluta ipsam corrupti, obcaecati pariatur odio recusandae, velit blanditiis impedit cum animi exercitationem?</p>
</article>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split-vertical","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}