Как я могу применить масштаб css3 к псевдоэлементу первой буквы элемента? - PullRequest
Новая
       13

Как я могу применить масштаб css3 к псевдоэлементу первой буквы элемента?

1 голос
/ 28 сентября 2011

У меня есть тег абзаца с псевдо-правилом из первой буквы.Я хотел бы применить правило масштабирования к этой первой букве, но оно, похоже, не работает.

Поддерживает ли псевдоэлемент из первой буквы шкалу css3? 

<p>This is some Text</p>
<p>This is some more Text</p>

p:first-child:first-letter { font-family: "Baskerville"; font-size: 60px; -webkit-transform: scaleX(.8); display: inline-block; }

Ответы [ 2 ]

3 голосов
/ 28 сентября 2011

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

enter image description here

UPDATE: Это работает: http://jsfiddle.net/szXHZ/5/

Вы должны плавать элемент, и вы должны установить отображение на блок !!

Вам придется немного поиграться со стилем, потому что он выглядит немного странно (измените высоту строки для лучшего вида и, возможно, удалите шрифт, который я поместил во второй абзац), но преобразование работает когда завис Вы можете изменить его так, чтобы вам не приходилось парить, если вы предпочитаете это ..

0 голосов
/ 28 сентября 2011

Попробуйте вместо этого. 

<p><span class="firstletter">T</span>his is some Text</p>

.firstletter { font-family: "Baskerville"; -webkit-transform: scale(2); display: inline-block; }

Теперь это работает.http://jsfiddle.net/sP3JZ/7/

...