OLD | NEW |
---|---|
1 <script> | |
2 internals.settings.setCSSVariablesEnabled(true); | |
3 </script> | |
4 <style> | 1 <style> |
5 div { | 2 div { |
6 display: inline-block; | 3 display: inline-block; |
7 -webkit-var-a: 0.866; | 4 -webkit-var-a: 0.866; |
8 -webkit-var-b: 0.5; | 5 -webkit-var-b: 0.5; |
9 -webkit-var-c: -0.5; | 6 -webkit-var-c: -0.5; |
10 -webkit-var-d: 0; | 7 -webkit-var-d: 0; |
11 -webkit-transform: matrix(-webkit-var(a),-webkit-var(b),-webkit-var(c),-webk it-var(a),-webkit-var(d),-webkit-var(d)); | 8 -webkit-transform: matrix(-webkit-var(a),-webkit-var(b),-webkit-var(c),-webk it-var(a),-webkit-var(d),-webkit-var(d)); |
12 background-color: green; | 9 background-color: green; |
13 } | 10 } |
14 </style> | 11 </style> |
15 <div>Rotated</div> | 12 <div>Rotated</div> |
OLD | NEW |