Javascript Girl
  1. Javascript Girl
  3. Fade du texte normal en italique texte en douceur?
Intereting Posts
Quand dois-je utiliser `return` dans les fonctions Arrow 6? Journée javascript semi-sandboxing L'événement de cliquet Selenium ne déclenche pas l'événement angularjs Collapse / Expand table columns (not rows) Retarder la charge d'iframe? Jqgrid incorrect sélectionne les options de l'option déroulante dans la zone d'édition Comment sélectionner tout le texte dans la zone de texte sur la mise au point (en safari) JQuery jqGrid Afficher le message lorsqu'une ligne d'édition est terminée TinyMCE renvoie le contenu sans HTML Webstorm éteint de nouveaux espaces dans une déclaration de fonction anonyme Historique de la fenêtre arrière (-1) ne fonctionne pas Marqueur au centre de la carte après la traînée Ajout d'une image dans un objet cercle dans d3 javascript? Vue partielle MVC4 javascript groupage Problème Autoriser les utilisateurs à intégrer mon contenu dans leurs sites (comme les blogs) – les rails 4

Fade du texte normal en italique texte en douceur?

Existe-t-il un moyen de le faire lorsque mon utilisateur survolent le texte normal qui est une ancre, le texte transmet en douceur en texte oblique ou en italique pour le montrer est un lien (y compris un soulignement)

Voici un exemple de ce que j'essaie de faire … 

<a href="http://oldsite.com"> <p class="footertext">Take me to the old site...</p> </a> 
 p.footertext { font-size:12px; padding-left:4px; text-decoration:none; } p.footertext:hover { /*text:decoration: "italicize smoothly"*/ }

Vous pouvez utiliser les fonctions de transformation CSS3 pour simuler le texte en italique. Vous pouvez également utiliser les transitions CSS3 pour obtenir la transition en douceur que vous recherchez. 

 .italic { -moz-transition: all 1s; -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; } .italic:hover { -webkit-transform: skewX(-20deg); -moz-transform: skewX(-20deg); -o-transform: skewX(-20deg); transform: skewX(-20deg); }

JSFiddle

Non. Le texte incliné n'est pas le même que le texte en italique. Une police italique n'est pas simplement une police faussée, elle est complètement différente. Vous pouvez éventuellement dissimuler les dissolutions entre les deux, mais les jalousies ne vous donnent pas un texte en italique approprié.