animation-delay-011.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-animations/animation-delay-011.html - WPT Dashboard Interop Dashboard

<!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>