| <!DOCTYPE html> |
| <title>Test SVG fragments in -webkit-cross-fade image</title> |
| <style> |
| #tst1 { |
| width: 100px; |
| height: 100px; |
| background-image: -webkit-cross-fade( |
| url("../svg/css/resources/fragment-identifiers.svg#green"), |
| url("../svg/css/resources/fragment-identifiers.svg#red"), 0); |
| } |
| #tst2 { |
| width: 100px; |
| height: 100px; |
| background-image: -webkit-cross-fade( |
| url("../svg/css/resources/fragment-identifiers.svg#red"), |
| url("../svg/css/resources/fragment-identifiers.svg#green"), 1); |
| } |
| </style> |
| <div id=tst1></div> |
| <p>There should be one green square above and one green square below. |
| <div id=tst2></div> |