CSS3 animations rotate3d bug?

[futtta]

Hi Tubal;
Just got the following feedback from an Autoptimize user;

I'm using @-webkit-keyframes for CSS3 animations and it seems the compressor in yui-php-
cssmin-2.4.8-3.php is doing something wrong.

In line 601 it does a preg_replace to replace keyframe zero percentages, so that the optimized
code is converted from this:

0{...}
to this:
0%{...}

However, the preg_replace also replaces any zero values within the parenthesis, in my case
there's a rotate3d() like this:
0% { transform: rotate3d(0,0,1,30deg); }
This is converted to this:
0% { transform: rotate3d(0%,0%,1,30deg); }

Which is wrong, because the first three parameters are boolean values.

Would be great if you could have a look!

Kind regards,
frank

[tubalmartin]

Thanks @futtta! I'll look into it.

[patrickbeser]

Thank you for your super-quick help! Pretty good job!

However, under certain circumstances the fix still won't work. In your test it works fine, but try to edit your test file from this:

@-webkit-keyframes test4{
    0% { transform: rotate3d(0,0,1,30deg); }
 }

to this:

@-webkit-keyframes test4{
    0% { transform: rotate3d(0,0,1,30deg); }
    100% { transform: rotate3d(0,0,1,30deg); }
 }

So basically just add a second line to it. The compressor will then convert it to this:

test4{0%{transform:rotate3d(0%,0,1,30deg)}100%{transform:rotate3d(0,0,1,30deg)}}

The % sign is back in the first parameter of the 0% keyframe! You think you could have a look at it?

Thank you so much!
Patrick

[tubalmartin]

Ah, good catch! Thanks, I'll fix it soon.

[patrickbeser]

Works like a charm! Thanks a lot!