【问题标题】:How to reverse the text with js/css? [duplicate]如何使用 js/css 反转文本? [复制]
【发布时间】:2011-03-17 21:34:41
【问题描述】:

可能重复:
How does uʍop-ǝpısdn text work?

如何让文字上下颠倒,同时保持左右顺序?

【问题讨论】:

    标签: javascript css


    【解决方案1】:

    火狐/Webkit:

    -webkit-transform: rotate(-90deg); 
    -moz-transform: rotate(-90deg); 
    

    IE:

    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
    

    【讨论】:

      【解决方案2】:

      或者,如果您想要一个适用于大多数地方的解决方案:

        .verticalText
        {
          -webkit-transform: rotate(-90deg);
          -moz-transform: rotate(-90deg);
          writing-mode: tb-rl;
          filter: flipv fliph;
        }
      

      由于旋转文本的奇怪结果,我最终使用 HTML5 画布在非 IE 浏览器中绘制垂直文本。

      编辑:不知何故,我只设法复制了部分代码。添加其余部分。

      【讨论】:

      • 而且它在 Opera、Safari 或 Iron (Chrome) 中也不起作用。
      猜你喜欢
      • 2020-01-17
      • 1970-01-01
      • 2011-03-26
      • 2012-02-10
      • 2014-06-05
      • 1970-01-01
      相关资源
      最近更新 更多