Such as WebKit doesn't support: transition-property: foo; transition-property: --foo; /* CSS variables */ transition-property: -webkit-foo; transition-property: -foo-bar; transition-property: 👻; /* Emoji */ transition: foo; transition: --foo; transition: -webkit-foo; transition: -foo-bar; transition: 👻; /* Emoji */ The most important is that some of the automatic generation of prefix tools(Autoprefixer) once generated WebKit does not support the attributes with the prefix, will lead to the entire transition property failure. e.g. transition: -webkit-mask-position, mask-position; This should be a perfectly valid value,other browsers do not have such a problem.
<rdar://problem/26644856>
https://github.com/WebKit/WebKit/blob/74481ec4b07546952d73c80f973f5f2f08a30841/Source/WebCore/css/CSSProperties.json#L6175
I think this works now. Please re-open if it this isn't the case.