html - 翻译速记

Question

谁能解释一下翻译的简写是什么。

    -webkit-transform: translateY(-50%) ;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%); 
    transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);

我如何压缩这个？

Answer 1

您只需将它们全部排成一行即可。 (与边框不同)

border: 1px solid blue;

https://developer.mozilla.org/en-US/docs/Web/CSS/transform

/* Multiple function values */

transform: translateX(10px) rotate(10deg) translateY(5px);

希望你可以使用 autoprefixer 吐出 -prefixes-

将它扔进 CodePen 并打开 autoprefixer 进行检查 - 然后查看编译后的样式。