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

您可以檢查這段代碼。我希望你會很容易理解。