本文介绍了css 旋转一个伪 :after 或 :before content:""的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着跟版网的小编来一起学习吧!
问题描述
限时送ChatGPT账号..
无论如何都要对伪进行旋转
anyway to make a rotation work on the pseudo
content:"24B6"?
我正在尝试旋转一个 unicode 符号.
I'm trying to rotate a unicode symbol.
推荐答案
内联元素不能转换,伪元素默认是内联的,所以必须应用 display: block
或 display: inline-block
来转换它们:
Inline elements can't be transformed, and pseudo elements are inline by default, so you must apply display: block
or display: inline-block
to transform them:
#whatever:after {
content: "24B6";
display: inline-block;
transform: rotate(30deg);
}
<div id="whatever">Some text </div>
这篇关于css 旋转一个伪 :after 或 :before content:""的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持跟版网!
本站部分内容来源互联网,如果有图片或者内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!