【问题标题】:CSS: inverted and backwards textCSS:倒置和反向文本
【发布时间】:2022-11-18 07:29:50
【问题描述】:

是否有任何 CSS 专家能够应对代表 Edgar Poe 的密码文本之一的挑战?它使用倒转和倒转的字符,这会让他的打字员发疯。图像文件 tyler.jpg 出现在链接页面的大约 3/5 处:Secret Writing 03

试图在网上找到 CSS 示例,但收效甚微。

【问题讨论】:

  • “颠倒”是什么意思?
  • 请查看链接的图片。根据我的经验,“倒置”意味着“颠倒”。

标签: css


【解决方案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>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2010-10-14
    • 1970-01-01
    • 2018-01-15
    • 2020-10-23
    • 2013-03-08
    • 1970-01-01
    • 2022-08-16
    • 1970-01-01
    相关资源
    最近更新 更多