Один из трюков для работы с текстом при использовании CSS3. Поворот текста на 180 градусов:
Этот текст напечатан вверх ногами
Вот описание стиля, с помощью которого это вопроизведено:
#rotated {
position: relative;
margin-top:5%;
width:100%;
ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
-moz-transform: rotate(-180deg);
-o-transform: rotate(-180deg);
-webkit-transform: rotate(-180deg);
font-size:3em;
font-weight:bold;
color:Maroon;
/* add shadows to text */
-moz-text-shadow: 3px 3px 5px rgba(250,250,210,0.9);
-webkit-text-shadow: 3px 3px 5px rgba(250,250,210,0.9);
text-shadow: 3px 3px 5px rgba(250,250,210,0.9);
}
|