| OLD | NEW |
| 1 <html> | 1 <html> |
| 2 <style> | 2 <style> |
| 3 body { overflow: hidden; } | 3 body { overflow: hidden; } |
| 4 .scaled { | 4 .scaled { |
| 5 -webkit-transform:scale(2); | 5 transform:scale(2); |
| 6 -webkit-transform-origin: top left; | 6 -webkit-transform-origin: top left; |
| 7 } | 7 } |
| 8 .clip-text { | 8 .clip-text { |
| 9 background-color:red; | 9 background-color:red; |
| 10 -webkit-background-clip:text; | 10 -webkit-background-clip:text; |
| 11 -webkit-text-fill-color:transparent | 11 -webkit-text-fill-color:transparent |
| 12 } | 12 } |
| 13 </style> | 13 </style> |
| 14 <body> | 14 <body> |
| 15 <div class="scaled"> | 15 <div class="scaled"> |
| 16 <span class="clip-text">This text should be nice and sharp.</span> | 16 <span class="clip-text">This text should be nice and sharp.</span> |
| 17 </div> | 17 </div> |
| 18 </body> | 18 </body> |
| 19 </html> | 19 </html> |
| OLD | NEW |