css повернуть псевдо: after или: before содержимое: "" - PullRequest
Новая
       7

css повернуть псевдо: after или: before содержимое: ""

139 голосов
/ 20 марта 2012

в любом случае, чтобы заставить вращение работать на псевдо 

content:"\24B6"?

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

Ответы [ 2 ]

309 голосов
/ 20 марта 2012

Встроенные элементы не могут быть преобразованы, а псевдоэлементы встроены по умолчанию, поэтому для их преобразования необходимо применить 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);
}
<div id="whatever">Some text </div>
0 голосов
/ 04 июля 2017 
.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%);
}

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

...