Re: [csswg-drafts] Smooth transition between linear gradients (https://css-tricks.com/transitioning-gradients/) (#4999)

But for some reason, this does not work:  
(Try [here](https://www.w3schools.com/tryit/tryit.asp?filename=tryhtml_default))

```
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
body {
  background-image: linear-gradient(to bottom, #000, #FFF);
  text-align: center;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  transition-duration: 1s;
  transition-property: background-image;
}
body:hover {
  background-image: linear-gradient(to bottom, #FFF, #000);
  text-align: center;
  color: white;
  font-family: Arial, Helvetica, sans-serif;
  transition-duration: 1s;
  transition-property: background-image;
}
</style>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>Edit the code in the window to the left, and click "Run" to view the result.</p>
<img src="avatar.png" alt="Avatar" style="width:200px">

</body>
</html>
```

With both Firefox and Chrome, it transitions within 0s (i.e. instantly), not smoothly within 1s.

-- 
GitHub Notification of comment by HT-7
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/4999#issuecomment-619370416 using your GitHub account

Received on Saturday, 25 April 2020 12:14:39 UTC