2013-04-19 9 views
5

삽입 된 요소에 transform을 적용 할 수있는 방법이 있습니까? before?변환 : before 또는 after after items

다음은 작동하지 않지만 다른 솔루션을 사용할 수 있습니다.

.itemclass:before { 
    content: "➨"; 
    transform: rotate(30deg); 
    -ms-transform: rotate(30deg); /* IE 9 */ 
    -webkit-transform: rotate(30deg); /* Safari and Chrome */ 
} 
+0

당신은 화살표 글꼴인지 뭔지를 알려 주시기 바랍니다 수 있습니다 - 내가 메모장 – dekdev

+0

에 내가 여기에서 화살표 뽑아 것을 얻을 수 있습니다 : http://character-code.com/arrows-html-codes.php –

답변

10

변형되지 않은 inline 요소에는 변환을 적용 할 수 없습니다. 추가 :

display:inline-block; 

Demo

사이드 참고 :이 자동으로 display:block으로 처리됩니다으로는이 사용 사례에 적용되지 않지만, absolute/fixed 위치는 display 속성에 대한 필요성을 버릴 것입니다. 변형 가능한 요소 중 하나 block-level 또는 atomic inline-level element 또는 'display'재산권을 계산 'table-row', 'table-row-group 인 HTML 네임 스페이스의 요소가

: 또한

transformable element의 정의를 점검 ',' table-header-group ',' table-footer-group ',' table-cell '또는' table-caption '; 또는 속성이 ' transform', ' patternTransform'또는 ' gradientTransform'인 SVG 네임 스페이스의 요소 ( [SVG11] 참조)가 있어야합니다.

+1

감사합니다 ! 처음이 글을 읽었을 때 나는 그것을 잘못 이해했으나 이것은 훌륭하게 작동합니다. –

관련 문제