timothy_horton@apple.com | 37b1764 | 2011-11-17 01:28:25 +0000 | [diff] [blame] | 1 | <html> |
| 2 | <style> |
| 3 | div |
| 4 | { |
simon.fraser@apple.com | 186423e | 2016-05-13 22:40:57 +0000 | [diff] [blame] | 5 | width: 200px; |
| 6 | height: 100px; |
timothy_horton@apple.com | 37b1764 | 2011-11-17 01:28:25 +0000 | [diff] [blame] | 7 | } |
| 8 | |
simon.fraser@apple.com | 186423e | 2016-05-13 22:40:57 +0000 | [diff] [blame] | 9 | .crossfade1 |
timothy_horton@apple.com | 37b1764 | 2011-11-17 01:28:25 +0000 | [diff] [blame] | 10 | { |
simon.fraser@apple.com | 186423e | 2016-05-13 22:40:57 +0000 | [diff] [blame] | 11 | background-image: cross-fade(url(resources/green-10.png), url(resources/green-10.png), 50%); |
| 12 | } |
| 13 | |
| 14 | .crossfade2 |
| 15 | { |
| 16 | background-image: cross-fade(url(resources/green-10.png), url(resources/green-10-2.png), 50%); |
timothy_horton@apple.com | 37b1764 | 2011-11-17 01:28:25 +0000 | [diff] [blame] | 17 | } |
| 18 | </style> |
simon.fraser@apple.com | 186423e | 2016-05-13 22:40:57 +0000 | [diff] [blame] | 19 | <!-- All rectangles should look the same--> |
| 20 | <div class="crossfade1"></div> |
| 21 | <div class="crossfade2"></div> |
| 22 | <div style="background-color: black"><div class="crossfade2"></div></div> |
timothy_horton@apple.com | 37b1764 | 2011-11-17 01:28:25 +0000 | [diff] [blame] | 23 | </html> |