【问题标题】:Right-to-left Styling Shape从右到左的造型形状
【发布时间】:2021-06-07 04:30:02
【问题描述】:

当我将文本方向从 ltr 更改为 rtl 时,我面临以下问题

三角形会丢失

如何在 rtl 方向创建这个形状

改变方向前的形状 [1]:https://jsfiddle.net/0a1b5jud/

改变方向后的形状为rtl [2]:https://jsfiddle.net/x432drps/

【问题讨论】:

    标签: html css css-transitions


    【解决方案1】:

    只需添加:

    .pricing-table-3 .pricing-table-header {
         right: 0;
         transform: scaleX(-1);
    }
    
    h4, 
    .pricing-table-3 .pricing-table-header p {
         transform: scaleX(-1);
    }
    

    检查jsfiddle
    更多关于scaleX()HERE

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2018-03-29
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2022-01-18
      • 2022-01-13
      • 1970-01-01
      相关资源
      最近更新 更多