Как сделать прозрачный текст на CSS?

Question

[Timofey Barinov]

Привет!
Имею кнопку:
<span onclick="go()" class="btn">Explore</span>
И немного CSS:

.btn{
	display:inline-block;
	/*width:666;*/
	padding:10px 20px 10px 20px;
	border-radius:10px;
	border:solid 0.15em #fff;
	transition:0.3 all;
	cursor:pointer;
}

Когда нажимают на кнопку(:active) она должна иметь БЕЛЫЙ фон и ПРОЗРАЧНЫЙ текст.
Чего-то я не понимаю в этом.
Буду очень благодарен если поможете.

Answer 1

[RoverWhite]

<span style="color: rgba(0,255,0,0)">Test</span>

.btn:active {
   color: rgba(0,0,0,0);
   background-color: white;
}

Answer 2

[Александр Таратин]

Куча вариантов
css transparent text mask