css obróć pseudo: po lub: przed zawartością: „”

159

w każdym razie, aby rotacja działała na pseudo

content:"\24B6"? 

Próbuję obrócić symbol Unicode.

devric
źródło
Czy próbujesz raz obrócić pseudoelement (30 stopni), czy nieskończenie go obrócić? Nie sprecyzował.
RealMJDev

Odpowiedzi:

358

Elementy wbudowane nie mogą być przekształcane, a pseudoelementy są domyślnie wbudowane, więc musisz je zastosować display: blocklub display: inline-blockprzekształcić:

#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>

metoda działania
źródło
-1
.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%);
}

możesz sprawdzić ten kod. mam nadzieję, że łatwo zrozumiesz.

saddamwp
źródło
1
Właściwie to niełatwo to rozumiem :) Przydatna odpowiedź wyjaśniłaby, co robi kod i czym różni się od zaakceptowanej odpowiedzi. Byłby to również fragment, który można uruchomić, podobnie jak zaakceptowana odpowiedź.
Dan Dascalescu