Through Css optimizer optimized css, however this:

transition: all 0.2s 0s linear; -moz-transition: all 0.2s 0s linear; -webkit-transition: all 0.2s 0s linear; -o-transition: all 0.2s 0s linear;

he changed to:

 transition: all .2s 0 linear; -moz-transition: all .2s 0 linear; -webkit-transition: all .2s 0 linear; -o-transition: all .2s 0 linear;

And now the browser swears at the transition invalid property value

Who knows how to solve the problem? Why this design does not work after optimization?

  • What browser? - D-side
  • The latest version of Google Chrome is already installed. Version 65.0.3325.18 - Anatoly
  • Or not to use the optimizer at all, or try another - Dmitry Polyanin

1 answer 1

 -moz-transition: all 0.2s linear; -webkit-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;

1) Because 0 seconds is 0, that is, you do not need to specify it at all

2) All prefixes should preferably be above the property itself.