Open Bug 1351284 Opened 8 years ago Updated 2 years ago

css animation transform matrix

Categories

(Core :: CSS Parsing and Computation, defect, P3)

52 Branch
defect

Tracking

()

People

(Reporter: jeanpierreforum, Unassigned)

Details

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:52.0) Gecko/20100101 Firefox/52.0 Build ID: 20170316213829 Steps to reproduce: i do a css animation this one x=0 doesn't work @keyframes cerffond { 0% {/*matrix(scaleX(),skewY(),skewX(),scaleY(),translateX(),translateY()):*/ transform: matrix(0, 0, 0, 1, -100, 0); } this one x=0.001 works @keyframes cerffond { 0% {/*matrix(scaleX(),skewY(),skewX(),scaleY(),translateX(),translateY()):*/ transform: matrix(0.001, 0, 0, 1, -100, 0); /*transform: scaleX(0);transform: translate(-320px);*/ } Actual results: @keyframes cerffond { 0% {/*matrix(scaleX(),skewY(),skewX(),scaleY(),translateX(),translateY()):*/ transform: matrix(X, 0, 0, 1, -100, 0); } doesn t work if X=0 but works if X=0.001 Expected results: works
User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:55.0) Gecko/20100101 Firefox/55.0 I have tested this issue on Windows 10 x64 with the latest Firefox release (52.0.2) and the latest Nightly (55.0a1-20170330030213) and managed to reproduce it. When testing the code provided in the description, if the X value is equal to 0, the animation doesn't work, however, when its equal to 0.001, it works.
Status: UNCONFIRMED → NEW
Component: Untriaged → CSS Parsing and Computation
Ever confirmed: true
Priority: -- → P3
Severity: normal → S3
You need to log in before you can comment on or make changes to this bug.