example - css rotar un pseudo: after o: before content: ""

content css

Question

de todos modos para hacer un trabajo de rotación en el pseudo

content:"/24B6"?

Estoy tratando de rotar un símbolo Unicode.

Answer 1

Los elementos en línea no se pueden transformar, y los pseudo elementos están en línea por defecto, por lo que debe aplicar display: block o display: inline-block para transformarlos:

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

puedes verificar este código espero que lo entiendas fácilmente