CSS旋转伪：以后：内容才道：“”

Question

反正做旋转工作，对伪

content:"\24B6"? 

我想旋转一个unicode符号。

Answer 1

内联元素不能转化和伪元素在默认情况下是内联，所以你必须申请display: block或display: inline-block改造他们：

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

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

Answer 2

.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%); 
} 

您可以检查这段代码。我希望你会很容易理解。