<!doctype html> <meta charset="utf-8"> <title>CSS Animations Test: inherited animation-delay with mismatched animation-name length</title> <link rel="author" title="Emilio Cobos Álvarez" href="mailto:emilio@crisal.io"> <link rel="help" href="https://drafts.csswg.org/css-animations-1/#animations"> <link rel="match" href="animation-common-ref.html"> <style> div:after { content: ''; display: block; width: 100px; height: 100px; background: red; animation: doesntmatter 50s linear infinite, bg 100s step-end infinite; animation-play-state: paused; animation-delay: inherit; } @keyframes bg { 50% { background: green; } } </style> <div style="animation-delay: -50s"></div>