background-clip-text-1e.html (757B)
1 <!doctype HTML> 2 <html> 3 <head> 4 <title>background-clip: text</title> 5 <style> 6 body { 7 transform: scale(1, 0.5); 8 } 9 div.out { 10 width: 500px; 11 height: 300px; 12 margin: 0px; 13 background-image: linear-gradient(green, green); 14 background-clip: text; 15 color: transparent; 16 font-size: 100px; 17 font-family: serif; 18 position: absolute; 19 left: 100px; 20 top: 100px; 21 transform: translate(-100px, 50px) scale(1, 2); 22 -moz-osx-font-smoothing: grayscale; 23 } 24 </style> 25 </head> 26 <body style="margin: 0px;"> 27 <div class="out"> 28 TEXT clip 29 <div style="display:inline-block; width:0px; height:200px;"/> 30 </div> 31 </body> 32 </html>