css ruota uno pseudo: after o: before content: “”

comunque fare un lavoro di rotazione sullo pseudo

content:"\24B6"? 

Sto provando a ruotare un simbolo Unicode.

Gli elementi in linea non possono essere trasformati e gli pseudo elementi sono inline di default, quindi devi applicare display: block o display: inline-block per trasformarli:

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

puoi controllare questo codice Spero che capirai facilmente.