text-clip-and-stroke.html (423B)
1 <style> 2 p { 3 margin: 1em 0; 4 padding: 1.4em; 5 background: linear-gradient(60deg, red, yellow, red, yellow, red); 6 font: 900 1.2em sans-serif; 7 text-decoration: underline; 8 -webkit-background-clip: text; 9 -webkit-text-stroke: 2px transparent; 10 color: rgba(0,0,0,.2); 11 } 12 </style> 13 14 <p>The background is clipped to the foreground text.</p>