Прозрачная надпись в кнопке средствами CSS

252

06 апреля 2017, 19:04

Привет!

Можно ли средствами CSS создать кнопку, надпись в которой будет прозрачной, то есть чтобы сквозь нее было видно задний фон? Саму кнопку сделать прозрачной могу, а надпись не соображу как.

Answer 1

body { 
  background: url(http://www.crystalxp.net/galerie/img/img-wallpapers-colors-krystof-----15400.jpg) repeat; 
  margin:10px; 
} 
h1 {  
  background-color:#fff; overflow:hidden; 
  display:inline-block;  
  padding:10px;  
  font-weight:bold; 
  font-family:arial; 
  font-size:200px; 
} 
span {  
  background: url(http://www.crystalxp.net/galerie/img/img-wallpapers-colors-krystof-----15400.jpg) -20px -20px repeat; 
  -webkit-text-fill-color: transparent; 
  -webkit-background-clip: text; 
  display:block; 
}