layout/reftests/scoped-style/scoped-style-keyframes.html@7e26c7da4463 (annotated)
layout/reftests/scoped-style/scoped-style-keyframes.html
Wed, 31 Dec 2014 06:55:50 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:55:50 +0100
- changeset 2
- 7e26c7da4463
- permissions
- -rw-r--r--
Added tag UPSTREAM_283F7C6 for changeset ca08bd8f51b2
| michael@0 | 1 | <!DOCTYPE html> |
| michael@0 | 2 | <body> |
| michael@0 | 3 | <style> |
| michael@0 | 4 | @keyframes a { |
| michael@0 | 5 | from { color: green } |
| michael@0 | 6 | to { color: green } |
| michael@0 | 7 | } |
| michael@0 | 8 | p { animation-duration: 1s; animation-fill-mode: both } |
| michael@0 | 9 | #a { animation-name: a } |
| michael@0 | 10 | #c { animation-name: b } |
| michael@0 | 11 | </style> |
| michael@0 | 12 | <p id=a>First</p> |
| michael@0 | 13 | <p> |
| michael@0 | 14 | <style scoped> |
| michael@0 | 15 | @keyframes a { |
| michael@0 | 16 | from { color: blue } |
| michael@0 | 17 | to { color: blue } |
| michael@0 | 18 | } |
| michael@0 | 19 | @keyframes b { |
| michael@0 | 20 | from { color: red } |
| michael@0 | 21 | to { color: red } |
| michael@0 | 22 | } |
| michael@0 | 23 | p { animation-name: b } |
| michael@0 | 24 | </style> |
| michael@0 | 25 | Second |
| michael@0 | 26 | </p> |
| michael@0 | 27 | <p id=c>Third</p> |
| michael@0 | 28 | </body> |
