Как перевернуть текст?

Необходимость перевернуть обычный текст - задача, которая встречается достаточно редко. Наиболее простой способ решения заключен в использовании какого-либо графического редактора, позволяющего делать с текстом все, что придет в голову. Но результат будет только в виде файла с изображением. Есть несколько способов перевернуть текст непосредственно в документе без вставки заранее заготовленных картинок из графического редактора.

Инструкция

Щелкните созданный объект правой кнопкой мыши и выберите в контекстном меню пункт «Формат объекта WordArt».

Перейдите на вкладку «Цвета и линии» и установите в поле «Цвет» нужный оттенок цвета надписи, а в поле «Линии» - параметры обводки букв. Если обводка не нужна - выберите строку «Нет цвета».

Перейдите на вкладку «Размер» и в поле «Поворот» установите значение 180°, чтобы сделать текст перевернутым. Затем нажмите кнопку «OK» и задача будет решена - у вас будет перевернутая надпись, которую можно редактировать, перемещать, раскрашивать и т.д.

Если нужно перевернуть текст в HTML-документе, то следует воспользоваться новой спецификацией языка описания стилей CSS3. В нем теперь можно задать угол наклона элементов страницы с помощью синтаксиса transform: rotate(XXXdeg);. Правда придется для каждого типа браузеров писать отдельную строку:

.flipDiv {

-o-transform: rotate(180deg); /* Для Opera */

-moz-transform: rotate(180deg); /* Для Mozilla FireFox */

-webkit-transform: rotate(180deg); /* Для Chrome и Safari */

transform: rotate(180deg); /* По умолчанию */

/* Следующие 2 стр - для Internet Explorer */

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);

width: 500px;

}

Поместите код описания стилей в заголовочную часть документа (между тегами и ), а в нужном месте страницы разместите блок (div) с указанием в атрибуте class описанного класса flipDiv. Он может выглядеть, например, так: Это перевернутый текст

Кроме этого можно воспользоваться скриптами, которые заменяют обычные буквы значками других алфавитов, похожих на перевернутые буквы. Он-лайн сервисы с такими скриптами можно найти в сети - например, один есть в социальной сети Вконтакте - http://vkontakte.ru/app1494828

Оцените статью!