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 |