blob: 18e9c6670501fba4c2b891deb15bb5dbd4e8f354 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
|
<!DOCTYPE html>
<body>
<style>
@keyframes a {
from { color: green }
to { color: green }
}
p { animation-duration: 1s; animation-fill-mode: both }
#a { animation-name: a }
#c { animation-name: b }
</style>
<p id=a>First</p>
<p>
<style scoped>
@keyframes a {
from { color: blue }
to { color: blue }
}
@keyframes b {
from { color: red }
to { color: red }
}
p { animation-name: b }
</style>
Second
</p>
<p id=c>Third</p>
</body>
|
