Cómo rotar el valor del contenido de un pseudoelemento
Dado que los pseudoelementos están en línea y no se pueden transformar elementos en línea, ¿cómo puedo hacer que la rotación funcione en el valor del contenido de un pseudoelemento?
content:"\24B6"?
Estoy intentando rotar un símbolo Unicode.
Aceptado
Los elementos en línea no se pueden transformar y los pseudoelementos están en línea de forma predeterminada, por lo que debes aplicarlos display: blocko display: inline-blocktransformarlos:
#whatever:after {
content: "\24B6";
display: inline-block;
transform: rotate(30deg);
}<div id="whatever">Some text </div>Expandir fragmento
