layout/reftests/scoped-style/scoped-style-keyframes.html

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/reftests/scoped-style/scoped-style-keyframes.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,28 @@
     1.4 +<!DOCTYPE html>
     1.5 +<body>
     1.6 +  <style>
     1.7 +    @keyframes a {
     1.8 +      from { color: green }
     1.9 +      to { color: green }
    1.10 +    }
    1.11 +    p { animation-duration: 1s; animation-fill-mode: both }
    1.12 +    #a { animation-name: a }
    1.13 +    #c { animation-name: b }
    1.14 +  </style>
    1.15 +  <p id=a>First</p>
    1.16 +  <p>
    1.17 +    <style scoped>
    1.18 +      @keyframes a {
    1.19 +        from { color: blue }
    1.20 +        to { color: blue }
    1.21 +      }
    1.22 +      @keyframes b {
    1.23 +        from { color: red }
    1.24 +        to { color: red }
    1.25 +      }
    1.26 +      p { animation-name: b }
    1.27 +    </style>
    1.28 +    Second
    1.29 +  </p>
    1.30 +  <p id=c>Third</p>
    1.31 +</body>

mercurial