28172 sujets

CSS et mise en forme, CSS3

Lien à l'envers

Bonjour,
J'aimerais savoir s'il existe un moyen en css ou autre d'écrire un lien sur un site web mais à l'envers.
Je parle d'une symétrie horizontale (les lettres du lien sont écrites à l'envers par rapport à une ligne horizontale).
Merci pour vos suggestions.
Salut,

Drôle d'idée vraiment, peut-être les animations keyframes alors.
Regarde du côté de Jquery plutôt. Smiley cligne
Oui, je trouvais l'idée plutôt sympa !
Je pourrais tout simplement utiliser une image comme lien avec le nom du lien écrit
à l'envers sur la photo, mais c'est du bidouillage !
J'ai bien pensé à jQuery, mais je ne suis pas suffisamment à l'aise
dans ce domaine.
Si ça peut intéresser d'autre personne (juste pour le fun) je suis preneur.
Merci jmlapam.
Administrateur
Bonjour,

il y a l'attribut et la valeur dir="rtl" pour écrire de droite à gauche mais c'est du coup évidemment illisible pour une langue prévue pour s'écrire de gauche à droite. Pas sûr que ce soit ce que tu recherches ?
Merci fvsch et Felipe,
je fouine, je fouine mais c'est pas évident !!!
J'ai quand même trouvé ça même si ce n'est pas ce que je recherche,
ça pourra toujours servir :

<body>

<img style="margin: 100px; -moz-transform: rotate(-180deg);"
alt="rotation test"
src="image.png"/>

</body>

...ce qui permet de faire varier l'angle d'inclinaison d'une image (mais pas d'un lien!) en fonction du degré indiqué.

je continue mes recherches, si je trouve quelque chose d'intéressant je reviendrai le poster.
Bonsoir,

fvsch t'as donné une piste :

regarde matrix avec une base du genre : 
transform: matrix(-1, 0, 0, 1, 0px, 0px)
... pour inverser l'element sans le deplacer ni modifier son echelle ni l'etirer .
Les valeurs de depart serait : matrix(1, 0, 0, 1, 0px, 0px); ne modifiant en rien l'aspect de l'element ciblé.


(il te faudra faire usage des prefixe proprietaire et du filtre adapté pour IE)
bonne recherches,
GC
Modifié par gc-nomade (03 Nov 2011 - 17:30)
Oups ! désolé fausse manip, je recommence...

Je disais donc Génial ça fonctionne !

Sur les recommandations de GC, j'ai trouvé ce bout de code sur ce site :
http://help.dottoro.com/lcebdggm.php
et ça fonctionne parfaitement.
Sauf évidemment sous IE, mais je vais régler le problème.


<style>
.rotated
{

-moz-transform-origin: 300px 150px; /* move the origin to top-left */
-webkit-transform-origin: 300px 150px; /* move the origin to top-left */

-moz-transform: rotate(180deg);
-webkit-transform: rotate(180deg);

}
</style>

</head>

<body>

<div class="rotated"><a href="#">Ce lien s'affiche à l'envers</a></div>

</body>


Merci à tous, je continue mes recherches...
Sujet clos
Aller à