background-clip-text-1d.html (557B)
1 <!doctype HTML> 2 <html> 3 <head> 4 <title>background-clip: text</title> 5 <style> 6 div.out { 7 width: 500px; 8 height: 300px; 9 margin: 0px; 10 background: linear-gradient(green, green) padding-box text; 11 color: transparent; 12 font-size: 100px; 13 font-family: serif; 14 -moz-osx-font-smoothing: grayscale; 15 } 16 </style> 17 </head> 18 <body style="margin: 0px;"> 19 <div class="out"> 20 TEXT clip 21 <div style="display:inline-block; width:0px; height:200px;"/> 22 </div> 23 </body> 24 </html>