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