Vrei să transmiți un mesaj într-un mod inventiv? Vrei să faci o porțiune dintr-un text să fie mai greu de citit (de exemplu răspunsuri sau soluții la anumite probleme). Atunci poți apela la scrierea textului cu susul în jos.
O astfel de scriere o poți realiza folosind următorul cod realizat cu ajutorul stilului CSS:
Cod pentru text intors
<html>
<head>
<title>Text Up side down</title>
<style type="text/css">
.txtUpsideDown
{
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); /* IE6,IE7 */
ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)"; /* IE8 */
-moz-transform: rotate(-180deg); /* FF3.5+ */
-o-transform: rotate(-180deg); /* Opera 10.5 */
-webkit-transform: rotate(-180deg); /* Safari 3.1+, Chrome */
position: absolute;
}
</style>
</head>
<body>
<div class="txtUpsideDown">Test message</div>
</body>
</html>
Codul este testat pentru IE, Firefox, Opera, Safari.
Exemplu:
TEST.
Nu uita să introduci clasa .txtUpsideDown în fișierul de stil CSS al website-ului tău (de obicei în fișierul style.css). Și un alt lucru important: dacă folosești un rând cu text scris întors, atunci va trebui ca următorul rând de sub el să fie liber, deoarece altfel se va intercala cu scrisul de sub el.
Sursa: css3please.com
Oamenii au ajuns aici cautand:
- despre css
- scris intors
- cum scriu cu susul in jos
- am intors accidental imaginea laptopului cu susul in joc
- scrie cu susul in jos
One Comment on "Tutorial CSS: scrie textul cu susul in jos"
Salut
Pentru a roti un element HTML, DIV, imagine, oricare altul, la orice unghi, se poate folosi jQuery.
Un tutorial despre cum se pot roti elementele HTML cu jQuery e la pagina
http://www.marplo.net/javascript/rotire-obiecte-html-div-imagine-span-jquery-js
Rotatia se poate face si cu efect animat.