icon example ejemplos div content before after css css3 rotation pseudo-element

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



content css (2)

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>

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

content:"/24B6"?

Estoy tratando de rotar un símbolo Unicode.


.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