Fri, 16 Jan 2015 18:13:44 +0100
Integrate suggestion from review to improve consistency with existing code.
1 <!DOCTYPE html>
2 <body>
3 <style>
4 @keyframes a {
5 from { color: green }
6 to { color: green }
7 }
8 p { animation-duration: 1s; animation-fill-mode: both }
9 #a { animation-name: a }
10 #c { animation-name: b }
11 </style>
12 <p id=a>First</p>
13 <p>
14 <style scoped>
15 @keyframes a {
16 from { color: blue }
17 to { color: blue }
18 }
19 @keyframes b {
20 from { color: red }
21 to { color: red }
22 }
23 p { animation-name: b }
24 </style>
25 Second
26 </p>
27 <p id=c>Third</p>
28 </body>