Algo errado nesta ferramenta?

Sobre «CSS De LTR Para RTL Online»

Esta ferramenta espelha uma folha de estilos da esquerda para a direita em uma da direita para a esquerda. Ela troca as propriedades direcionais (margin-left ⇄ margin-right, padding, border, float, text-align), reordena os atalhos de quatro valores, espelha os cantos de border-radius, muda direction: ltr para rtl e adiciona direction: rtl ao body para que o layout seja realmente lido da direita para a esquerda.

Adicionar suporte a RTL para árabe, hebraico, persa ou urdu manualmente é tedioso e sujeito a erros. Cole seu CSS atual e obtenha uma cópia espelhada correta em uma etapa, pronta para publicar como um rtl.css separado. A conversão é textual e afeta apenas o seu CSS; valores dentro de url(), strings entre aspas e transform permanecem intactos.

Como usar esta ferramenta

Como converter CSS de LTR para RTL

  1. Cole seu CSS

    Copie sua folha de estilos da esquerda para a direita — um arquivo inteiro ou apenas um trecho — na caixa de entrada.

  2. Execute a conversão

    Clique em Run. A ferramenta troca as propriedades e palavras-chave left/right, reordena os atalhos de quatro valores, espelha os cantos de border-radius e muda direction: ltr para rtl.

  3. Revise a saída

    Confira o resultado: margin-left virou margin-right, float: left virou float: right e uma regra direction: rtl foi adicionada ao body.

  4. Copie ou salve

    Copie o CSS convertido e salve como um rtl.css separado, ou carregue-o condicionalmente para [dir=rtl] / <html dir="rtl">.

  5. Teste no navegador

    Mude sua página para RTL e verifique espaçamento, alinhamento e ícones. Ajuste manualmente os valores sensíveis à direção dentro de url() ou transform, deixados intactos de propósito.