}
var shadowRootWithKeyframe = document.getElementById("d1").createShadowRoot();
-shadowRootWithKeyframe.innerHTML = '<style>@-webkit-keyframes "anim" {' +
+shadowRootWithKeyframe.innerHTML = '<style>@-webkit-keyframes anim {' +
'from { background-color:red; } to { background-color: blue; } }' +
'#box { height: 100px; width: 100px; background: red; ' +
- '-webkit-animation: "anim" 0.5s both; }</style>' +
+ '-webkit-animation: anim 0.5s both; }</style>' +
'<div id="box"></div>';
var shadowRootWithoutKeyframe = document.getElementById("d2").createShadowRoot();
shadowRootWithoutKeyframe.innerHTML = '<style>' +
'#box { height: 100px; width: 100px; background: red; ' +
- '-webkit-animation: "anim" 0.5s both; }</style>' +
+ '-webkit-animation: anim 0.5s both; }</style>' +
'<div id="box"></div>';
window.setTimeout(function() {