Can you use CSS to mirror/flip text?

后端 未结 14 2288
旧时难觅i
旧时难觅i 2020-11-28 01:27

Is it possible to use CSS/CSS3 to mirror text?

Specifically, I have this scissors char “✂” () that I\'d like to display pointing left a

14条回答
  •  挽巷
    挽巷 (楼主)
    2020-11-28 01:58

    You can user either

    .your-class{ 
          position:absolute; 
          -moz-transform: scaleX(-1); 
          -o-transform: scaleX(-1); 
          -webkit-transform: scaleX(-1); 
          transform: scaleX(-1); 
          filter: FlipH;  
    }
    

    or

     .your-class{ 
      position:absolute;
      transform: rotate(360deg) scaleX(-1);
    }
    

    Notice that setting position to absolute is very important! If you won't set it, you will need to set display: inline-block;

提交回复
热议问题