css вращать псевдо: после или: до содержимого: “”

в любом случае сделать поворотную работу на псевдо

content:"\24B6"? 

Я пытаюсь повернуть символ юникода.

Встроенные элементы не могут быть преобразованы, а псевдо элементы являются встроенными по умолчанию, поэтому вы должны применять 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); } 
 
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%); } того, как .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%); } 

вы можете проверить этот код. Надеюсь, вы легко поймете.

  • Могу ли я настроить таргетинг на: перед или: после псевдоэлемента с помощью сочетания братьев и сестер?
  • «Text-decoration» и псевдоэлемент «: after», пересмотренный
  • Можно ли установить порядок укладки псевдоэлементов ниже их родительского элемента?
  • Должен ли я использовать одно или двойное обозначение двоеточия для псевдоэлементов?
  • Могу ли я изменить высоту изображения в CSS: до /: после псевдоэлементов?
  • Давайте будем гением компьютера.