animation-delay-011.html (704B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>CSS Animations Test: inherited animation-delay with mismatched animation-name length</title> 4 <link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io"> 5 <link rel="help" href="https://drafts.csswg.org/css-animations-1/#animations"> 6 <link rel="match" href="animation-common-ref.html"> 7 <style> 8 div:after { 9 content: ''; 10 display: block; 11 width: 100px; 12 height: 100px; 13 background: red; 14 animation: doesntmatter 50s linear infinite, 15 bg 100s step-end infinite; 16 animation-play-state: paused; 17 animation-delay: inherit; 18 } 19 20 @keyframes bg { 21 50% { background: green; } 22 } 23 </style> 24 <div style="animation-delay: -50s"></div>