p.full-text Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
p.first-letter Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
p.first-line Lorem ipsum dolor sit amet, consectetur adipiscing elit. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
View Compiled
p {
	background-image: repeating-linear-gradient(#01fd69 2rem, tomato 3rem);
	background-clip: text;
}

.full-text {
	color: transparent;
}

.first-letter::first-letter {
	color: transparent;
}

.first-line::first-line {
	color: transparent;
}
View Compiled
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.