CSS는 의사를 회전 : 이후 : 컨텐츠 전에 ""

Question

어쨌든 나는 유니 코드 기호를 회전하기 위해 노력하고있어 의사

content:"\24B6"? 

에 회전 작업을 할 수 있습니다.

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

확인할 수 있습니다 이 코드. 당신이 쉽게 이해할 수 있기를 바랍니다.