Боковые заголовки, поворот текста на CSS

Боковые заголовки, поворот текста на CSS

12.10.201114263

Задумайтесь, где Вы видели, чтобы заголовки новостей или же наименования блоков были повернуты на 90 градусов? Ладно, где-то возможно было такое, но, скорее всего, это были только изображения, да и сам текст, возможно, не был повернут. На CSS существуют параметры, позволяющие поворачивать контент так, как мы хотим, т.е. создается поворот текста на CSS. Опять-таки появляются проблемы с крроссбраузерностью. Что же делать? Как создать боковые заголовки? Поможет архив, который можно бесплатно скачать по прямой ссылке: там имеются все необходимые файлы.

В чем преимущество данного вида заголовка? Ну, во-первых, это оригинально, во-вторых, выглядит это красиво. Оформление заголовка сделает сайт отличным от других. Можно украсить материалы и новости сайта. Например, программы для компьютера станут более заметными в блоках. Интересно то, что бэкграунд тянется по размеру содержимого блока, что делает вид логичнее. Конечно, можно сделать цвет фона повернутого текста, под цвет фона самого сайта, ну или вовсе убрать значение бэкграунда, заголовок будет смотреться также оригинально и красиво.



Сохраните в социальную сеть
Комментарии (3)
Гость 14.10.2011 в 18:09Спам
Буду КЭП ' ом и скажу что также можно поворачивать не только текст, но и див.
На любой угол
Например: #one{width:100px; height:23px; background:#242424; -moz-transform: rotate(4deg);-webkit-transform: rotate(4deg);-o-transform: rotate(4deg);-ms-transform: rotate(4deg);transform: rotate(4deg); }
<div id="one">One</div>
2
Почему сразу КЭП' ом, так же можно! И даже проще. Твой способ без мороки с css.
0
Гость 15.10.2011 в 11:30Спам
Я думал многие уже знакомы с CSS :D А так ладно :D
0
Чтобы оставить комментарий под этой публикацией,
зарегистрируйтесь или войдите.
Рейтинг лучших сервисов для самостоятельного создания сайта.
Лучшие конструкторы
Легко! Если пользоваться нашими советами.
Создать сайт