animate-with-background-color-oklch-001-ref.html

Enable keyboard shortcuts

<!doctype html>

<html>

<meta charset="utf-8">

<title>CSS Animations Test: animation with background-color "oklch"</title>

<link rel="author" title="CGQAQ" href="mailto:m.jason.liu@gmail.com">

<link rel="help" href="https://www.w3.org/TR/css-animations-2/">

<meta name="assert" content="Check that the background-color is animated with oklch correctly">

<style>

#box {

  block-size: 200px;

  inline-size: 200px;

  background-color: oklch(45% 0.2 264);

</style>

<div id="box"></div>

</html>