Question

我正在寻找支持新CSS3转换的CSS转换器LTR到RTL

例如：

pre {
    width: 33em;
    border: solid red;

    -webkit-transform: translate(100px) rotate(20deg);
    -webkit-transform-origin: 60% 100%;

    -o-transform:translate(100px) rotate(20deg);
    -o-transform-origin:60% 100%;

    transform: translate(100px) rotate(20deg);
    transform-origin: 60% 100%;
}

这个例子代表LTR CSS，我想要一个工具来提供我提供的CSS的RTL版本

Answer 1

我相信你正在寻找RTLCSS，你的例子产生的输出作为输入：

pre {
     width: 33em;
     border: solid red;

    -webkit-transform: translate(-100px) rotate(-20deg);
    -webkit-transform-origin: 40% 100%;

    -o-transform:translate(-100px) rotate(-20deg); 
    -o-transform-origin:40% 100%;

    transform: translate(-100px) rotate(-20deg);
    transform-origin: 40% 100%;
}

jsfiddle：LTR Version

jsfiddle：RTL Version

直接链接：

Github：https://github.com/MohammadYounes/rtlcss

NPM：https://www.npmjs.org/package/rtlcss

CSS3双向翻转器

1 个答案: