background-clip-text-1c.html (671B)
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-image: linear-gradient(green, green); 11 background-clip: text; 12 color: transparent; 13 font-size: 100px; 14 font-family: serif; 15 -moz-osx-font-smoothing: grayscale; 16 } 17 </style> 18 </head> 19 <body style="margin: 0px;"> 20 <div class="out"> 21 <div style="display:inline-block;"> 22 <p style="display:inline-block;">TEXT clip</p> 23 </div> 24 <div style="display:inline-block; width:0px; height:200px;"/> 25 </div> 26 </body> 27 </html>