background-clip-text-translate.html (380B)
1 <meta charset="utf-8"> 2 3 <style> 4 body { overflow: hidden } 5 p { 6 margin: 1em 0; 7 padding: 1.4em; 8 font: 900 1.2em sans-serif; 9 position:absolute; 10 color: rgba(0,0,0,0); 11 } 12 13 .text { 14 background: red; 15 -webkit-background-clip: text; 16 background-clip: text; 17 transform: translate(-50%, -60%); 18 transform-origin: center; 19 left: 400px; 20 } 21 </style> 22 <p class="text">█</p>