background-clip-text-scale.html (523B)
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: scale(20,2); 18 transform-origin: center; 19 left: 400px; 20 } 21 .wrapper { 22 border: black solid 80px; 23 transform: scale(2,0.3); 24 transform-origin: center; 25 left: 330px; 26 top: -75px; 27 } 28 29 </style> 30 <p class="text">█</p> 31 <p class="wrapper">█</p>