Summary: | css animation-duration ignored on hover, but respected on viewport change | ||
---|---|---|---|
Product: | WebKit | Reporter: | cdaringe <cdaringe> |
Component: | CSS | Assignee: | Nobody <webkit-unassigned> |
Status: | RESOLVED WORKSFORME | ||
Severity: | Normal | CC: | dino, graouts, simon.fraser, webkit-bug-importer |
Priority: | P2 | Keywords: | InRadar |
Version: | Safari 11 | ||
Hardware: | Mac | ||
OS: | macOS 10.14 | ||
See Also: | https://bugs.webkit.org/show_bug.cgi?id=181242 |
Description
cdaringe
2018-10-01 17:32:11 PDT
Could you provide a reduction? ya, sure thing. here you go: https://codepen.io/cdaringe/pen/gBwZKR in its totality: <div class='box' /> .box { animation-duration: 60000ms; animation-iteration-count: infinite; animation-name: spin; animation-timing-function: linear; width: 100px; height: 100px; background-color: black; } .box:hover { animation-duration: 1500ms; background-color: pink; } @keyframes spin { from {transform:rotate(0deg);} to {transform:rotate(360deg);} } This appears to work nowadays. |