Bug 139082 - CSS can't animate multiple properties on SVG
Summary: CSS can't animate multiple properties on SVG
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac OS X 10.9
: P2 Minor
Assignee: Nobody
URL: http://codepen.io/danoc/pen/azOXjQ
Keywords:
Depends on:
Blocks:
 
Reported: 2014-11-27 18:00 PST by Daniel O'Connor
Modified: 2017-06-04 17:03 PDT (History)
5 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Daniel O'Connor 2014-11-27 18:00:07 PST 
URL (Autoprefixer is enabled):
http://codepen.io/danoc/pen/azOXjQ

Steps to reproduce:
1) Open URL
2) Notice that the browser doesn't animate `opacity` *and* `transform`
3) Comment out `opacity` and the browser applies the transform
Comment 1 kari.pihkala 2017-06-04 00:55:38 PDT 
Is this still an issue? The codepen demo seems to work in Safari 10, Version 10.1.1 (12603.2.4).
Comment 2 Daniel O'Connor 2017-06-04 17:03:45 PDT 
This seems to have been fixed in Safari. Will close.