CSS:倒文本和倒文本

Question

是否有任何CSS大师，以迎接挑战，代表埃德加坡的密码文本？它使用倒向和向后的字符，这将使他的类型作曲家疯狂。图像文件tyler.jpg大约显示链接页面的3/5的方式：秘密写作03

试图在“网络”中找到CSS示例，但没有取得多大成功。

Answer 1

转换提供了非常简单的功能。例如

​

body {
  display:flex;
  flex-wrap: wrap;
}
span::before {
  content: 'P';
}
span:nth-child(2n) {
  scale: -1;
}
span:nth-child(n+3) {
  transform: rotateY(180deg);
}

  <span></span>
  <span></span>
  <span></span>
  <span></span>

​

Answer 2

Mattias Sander，Improvementsoft (瑞典)

    span.horizontal {
        display: inline-block;
        -moz-transform: scale(-1, 1);
        -webkit-transform: scale(-1, 1);
        -o-transform: scale(-1, 1);
        -ms-transform: scale(-1, 1);
        transform: scale(-1, 1);
    }

    span.vertical {
        display: inline-block;
        -moz-transform: scale(1, -1);
        -webkit-transform: scale(1, -1);
        -o-transform: scale(1, -1);
        -ms-transform: scale(1, -1);
        transform: scale(1, -1);
    }