OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <title>CSS3 media query test: media query testing transition feature.</title> | 3 <title>CSS3 media query test: media query testing transition feature.</title> |
4 <link rel="help" href="http://www.webkit.org/specs/MediaQueriesExtensions.html"
/> | 4 <link rel="help" href="http://www.webkit.org/specs/MediaQueriesExtensions.html"
/> |
5 <style type="text/css"> | 5 <style type="text/css"> |
6 @media (-webkit-transition) { | 6 @media (transition) { |
7 #a { color: green } | 7 #a { color: green } |
8 } | 8 } |
9 @media (-webkit-transition: 1) { | 9 @media (transition: 1) { |
10 #b { color: green } | 10 #b { color: green } |
11 } | 11 } |
12 #c { color: green; } | 12 #c { color: green; } |
| 13 @media (transition: 0) { |
| 14 #c { color: red } |
| 15 } |
| 16 |
| 17 @media (-webkit-transition) { |
| 18 #d { color: green } |
| 19 } |
| 20 @media (-webkit-transition: 1) { |
| 21 #e { color: green } |
| 22 } |
| 23 #f { color: green; } |
13 @media (-webkit-transition: 0) { | 24 @media (-webkit-transition: 0) { |
14 #c { color: red } | 25 #f { color: red } |
15 }</style> | 26 } |
| 27 |
| 28 </style> |
16 </head> | 29 </head> |
17 <body> | 30 <body> |
18 <p id="a">This text should be green if running in a build of WebKit with trans
itions.</p> | 31 <p id="a">This text should be green if running in a build of WebKit with trans
itions.</p> |
19 <p id="b">This text should be green if running in a build of WebKit with trans
itions.</p> | 32 <p id="b">This text should be green if running in a build of WebKit with trans
itions.</p> |
20 <p id="c">This text should be green if running in a build of WebKit with trans
itions.</p> | 33 <p id="c">This text should be green if running in a build of WebKit with trans
itions.</p> |
| 34 <p id="d">This text should be green if running in a build of WebKit with trans
itions.</p> |
| 35 <p id="e">This text should be green if running in a build of WebKit with trans
itions.</p> |
| 36 <p id="f">This text should be green if running in a build of WebKit with trans
itions.</p> |
21 </body> | 37 </body> |
22 </html> | 38 </html> |
OLD | NEW |