gpt4 book ai didi

html - 你可以使用 CSS 来镜像/翻转文本吗?

转载 作者:IT老高 更新时间:2023-10-28 11:04:57 25 4
gpt4 key购买 nike

是否可以使用 CSS/CSS3 来镜像文本?

具体来说,我有这个剪刀字符“✂”(),我想显示指向左而不是右。

最佳答案

您可以使用 CSS 转换来实现这一点。水平翻转将涉及像这样缩放 div:

-moz-transform: scale(-1, 1);
-webkit-transform: scale(-1, 1);
-o-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);

垂直翻转将涉及像这样缩放 div:

-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{ display: inline-block; margin:1em; } 
.flip_H{ transform: scale(-1, 1); color:red; }
.flip_V{ transform: scale(1, -1); color:green; }
<span class='flip_H'>Demo text &#9986;</span>
<span class='flip_V'>Demo text &#9986;</span>

关于html - 你可以使用 CSS 来镜像/翻转文本吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5406368/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com