[Webkit-unassigned] [Bug 169402] New: transition-duration doesn't work when using CSS variables

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Wed Mar 8 19:38:29 PST 2017


            Bug ID: 169402
           Summary: transition-duration doesn't work when using CSS
    Classification: Unclassified
           Product: WebKit
           Version: Safari 10
          Hardware: iPhone / iPad
                OS: iOS 10
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Animations
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: rmmpaderes at gmail.com
                CC: dino at apple.com

As the title say, using a CSS variable for transition-duration doesn't work. However, if you use -webkit-transition-duration, it'll work fine.

Here's a sample CSS:

:root {
  --accent-color: green;
  --duration: 500ms;

.button {
  transition-duration: var(--duration);
  transition-property: color;

  // Adding -webkit-transition-duration works
  // -webkit-transition-duration: var(--duration);

.button:active {
  color: var(--accent-color);

You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20170309/b00cb088/attachment.html>

More information about the webkit-unassigned mailing list