2013-04-19 28 views
5

ile eklenen bir öğenin üstüne dönüşümü uygulamak için bir yolu var mı?: ya önce, öncesi öğeden sonra

aşağıdaki çalışmıyor, ancak diğer çözümlere açığım.

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

ok yazı olduğunu ne olduğunu bana söyler misin - i not defteri – dekdev

+0

yılında buradan oku çektiğini alabilirsiniz: http://character-code.com/arrows-html-codes.php –

cevap

10

Dönüşümleri yerleştirilmeyen inline elemanlara uygulanamaz. Ekleyin:

display:inline-block; 

Demo

Yandan not: Bu otomatik display:block olarak kabul edilir olarak, bu kullanım örneğine geçerli değildir rağmen, absolute/fixed konumlandırma display mülk ihtiyacını atmak istiyorum. Bir dönüştürülebilir unsuru ya block-level veya atomic inline-level element, ya da 'display niteliği için hesaplar 'table-row',' table-row-group HTML ad bir elementtir

: Ayrıca

, transformable element tanımını kontrol ' ' table-header-group', ' table-footer-group', ' table-cell' veya' table-caption '; ya sahip SVG ad alanında bir eleman ( [SVG11] bakınız) ayrıntılarının ‘ transform’, ‘ patternTransform’ veya ‘ gradientTransform’.

+1

Teşekkür ! İlk okuduğumda yanlış anladım, ama bu harika çalışıyor. –

İlgili konular