Css 旋转一个伪: 之后或之前内容:

无论如何都要让一个旋转工作在伪

content:"\24B6"?

我正在旋转一个 Unicode 符号。

css
rotation
pseudo-element

132832 次浏览

小开

最佳答案

内联元素无法转换，而伪元素在默认情况下是内联的，因此您必须应用 display: block或 display: inline-block来转换它们:

#whatever:after {
content: "\24B6";
display: inline-block;
transform: rotate(30deg);
}

<div id="whatever">Some text </div>

小开

.process-list:after{
content: "\2191";
position: absolute;
top:50%;
right:-8px;
background-color: #ea1f41;
width:35px;
height: 35px;
border:2px solid #ffffff;
border-radius: 5px;
color: #ffffff;
z-index: 10000;
-webkit-transform: rotate(50deg) translateY(-50%);
-moz-transform: rotate(50deg) translateY(-50%);
-ms-transform: rotate(50deg) translateY(-50%);
-o-transform: rotate(50deg) translateY(-50%);
transform: rotate(50deg) translateY(-50%);
}

你可以检查这个代码。我希望你能很容易理解。