Растяжение текста по горизонтали с помощью CSS

Мне нужно растянуть текст по горизонтали, но единственное, что я мог найти, это font-stretch, который, согласно w3schools, не поддерживается ни одним браузером.

Есть ли другой способ, с которым я могу справиться с этим эффектом?

Ответы

Ответ 1

Да - вы можете достичь этого, используя 2D-преобразования CSS.

Здесь работает jsFiddle.

Примечание, что пример в скрипте/коде ниже для Chrome/Safari (webkit), однако вы можете использовать 2D-преобразования во всех основных браузерах с помощью -moz-, -o-, и ms эквивалентные префиксы/методы!

HTML:

<span>Hello!</span>

CSS

span {    
  transform:scale(3,1); 
  -webkit-transform:scale(3,1);
  display:inline-block; 
}

Поддержка:

Поддерживается в браузерах Chrome, Firefox, IE9 + и Opera.

Ответ 2

Вы имеете в виду это? С CSS:

text-align: justify