翻译速记

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输出-前缀-

将其放入CodePen中并打开自动修复程序以检查它-然后查看编译后的样式。