| OLD | NEW |
|---|
| 1 <!DOCTYPE html> | 1 <!DOCTYPE html> |
| 2 <meta charset="UTF-8"> | 2 <meta charset="UTF-8"> |
| 3 <style> | 3 <style> |
| 4 .parent { | 4 .parent { |
| 5 rotate: 90deg; | 5 rotate: 90deg; |
| 6 } | 6 } |
| 7 .target { | 7 .target { |
| 8 width: 40px; | 8 width: 40px; |
| 9 height: 20px; | 9 height: 20px; |
| 10 background-color: grey; | 10 background-color: grey; |
| (...skipping 86 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
| 97 {at: 0.75, is: '-50deg 1 -2.5 3.64'}, | 97 {at: 0.75, is: '-50deg 1 -2.5 3.64'}, |
| 98 {at: 1, is: '-100deg 1 -2.5 3.64'}, | 98 {at: 1, is: '-100deg 1 -2.5 3.64'}, |
| 99 {at: 2, is: '-300deg 1 -2.5 3.64'}, | 99 {at: 2, is: '-300deg 1 -2.5 3.64'}, |
| 100 ]); | 100 ]); |
| 101 | 101 |
| 102 assertInterpolation({ | 102 assertInterpolation({ |
| 103 property: 'rotate', | 103 property: 'rotate', |
| 104 from: '0deg 1 0 0', | 104 from: '0deg 1 0 0', |
| 105 to: '10deg 0 1 0', | 105 to: '10deg 0 1 0', |
| 106 }, [ | 106 }, [ |
| 107 {at: -1, is: '10deg 0 -1 0'}, | 107 {at: -1, is: '-10deg 0 1 0'}, |
| 108 {at: 0, is: '0deg 1 0 0'}, | 108 {at: 0, is: '0deg 1 0 0'}, |
| 109 {at: 0.25, is: '2.5deg 0 1 0'}, | 109 {at: 0.25, is: '2.5deg 0 1 0'}, |
| 110 {at: 0.75, is: '7.5deg 0 1 0'}, | 110 {at: 0.75, is: '7.5deg 0 1 0'}, |
| 111 {at: 1, is: '10deg 0 1 0'}, | 111 {at: 1, is: '10deg 0 1 0'}, |
| 112 {at: 2, is: '20deg 0 1 0'}, | 112 {at: 2, is: '20deg 0 1 0'}, |
| 113 ]); | 113 ]); |
| 114 | 114 |
| 115 assertInterpolation({ | 115 assertInterpolation({ |
| 116 property: 'rotate', | 116 property: 'rotate', |
| 117 from: '90deg 1 1 0', | 117 from: '90deg 1 1 0', |
| 118 to: '180deg 0 1 1', | 118 to: '180deg 0 1 1', |
| 119 }, [ | 119 }, [ |
| 120 {at: -1, is: '120deg 0.41 -0.41 -0.82'}, | 120 {at: -1, is: '120deg 0.41 -0.41 -0.82'}, |
| 121 {at: 0, is: '90deg 1 1 0'}, | 121 {at: 0, is: '90deg 1 1 0'}, |
| 122 {at: 0.25, is: '82.76deg 0.8 0.27 -0.53'}, | 122 {at: 0.25, is: '82.76deg 0.8 0.27 -0.53'}, |
| 123 {at: 0.75, is: '138.89deg 0.27 -0.54 -0.8'}, | 123 {at: 0.75, is: '138.89deg 0.27 -0.54 -0.8'}, |
| 124 {at: 1, is: '180deg 0 1 1'}, | 124 {at: 1, is: '180deg 0 1 1'}, |
| 125 {at: 2, is: '90deg 0.71 0 -0.71'}, | 125 {at: 2, is: '90deg 0.71 0 -0.71'}, |
| 126 ]); | 126 ]); |
| 127 | 127 |
| 128 assertInterpolation({ |
| 129 property: 'rotate', |
| 130 from: '0deg 0 1 0', |
| 131 to: '450deg 1 0 0', |
| 132 }, [ |
| 133 {at: -1, is: '-450deg 1 0 0'}, |
| 134 {at: 0, is: '0deg 0 1 0'}, |
| 135 {at: 0.25, is: '112.5deg 1 0 0'}, |
| 136 {at: 0.75, is: '337.5deg 1 0 0'}, |
| 137 {at: 1, is: '450deg 1 0 0'}, |
| 138 {at: 2, is: '900deg 1 0 0'}, |
| 139 ]); |
| 140 |
| 141 assertInterpolation({ |
| 142 property: 'rotate', |
| 143 from: '450deg 1 0 0', |
| 144 to: '0deg 0 1 0', |
| 145 }, [ |
| 146 {at: -1, is: '900deg 1 0 0'}, |
| 147 {at: 0, is: '450deg 1 0 0'}, |
| 148 {at: 0.25, is: '337.5deg 1 0 0'}, |
| 149 {at: 0.75, is: '112.5deg 1 0 0'}, |
| 150 {at: 1, is: '0deg 0 1 0'}, |
| 151 {at: 2, is: '-450deg 1 0 0'}, |
| 152 ]); |
| 128 </script> | 153 </script> |
| OLD | NEW |
|---|
Chromium Code Reviews
Issue 1322843002:
Fix for rotate from 0deg (Closed)
Base URL: https://chromium.googlesource.com/chromium/blink.git@master