• About Me
  • Skills
  • Education
  • Employment
  • Blog
  • Contact
  • Open Source
    • WordPress
      • 3B Meteo Plugin
      • Facebook Like and Send
      • Google Monthly XML Sitemap
      • Google News Sitemap
      • Google Plus Comments
      • Google Plus One Button
      • I don’t endorse Google
      • I don’t endorse Wikipedia
      • I don’t endorse WIkipedia
      • Ottimizzare WordPress per renderlo più veloce
      • Rich Category Editor
      • Save To Google Drive
      • Sociable Italia
      • Third Party Cookie Eraser
      • Twitter Follow Button
      • WP instantempo
      • WP Super Secure and Fast htaccess
    • Plone SEO – collective.perseo
  • Creations
    • Web Marketing
    • SEO
    • WPO
    • SEO Stupidity
    • Webmaster Superhero
    • Il Vero SEO

[CSS3] Creare delle transizioni di colore sui link ipertestuali

28 Settembre 2009 / By Andrea Pernici
  • Home
  • [CSS3] Creare delle transizioni di colore sui link ipertestuali

Oggi vi mostro in modo veloce con un breve tutorial come utilizzare le grandi potenzialità di CSS3 per creare delle transizioni di colore nei vostri elementi <a href=”..”></a>.

Purtroppo ad ora è possibile fruire di questo effetto solamente su browser Safari 4 e Crhome, mentre in tutti gli altri browser il risultato sarà quello che tutti già conosciamo.

Il codice CSS di esempio che si può utilizzare è questo:
{code type=css}
a {
color: blue;
font-size: 60px;
-webkit-transition: color 3s linear;
}

a:hover {
color: green;
}
{/code}

come potete vedere ho usato “-webkit-transition” che ci permette appunto di ottenere l’effetto di transizione di colore temporale.

Per vedere il risultato che otterrete utilizzando questa nuova utilità di CSS3 potete visualizzare questo file di esempio: trasizione-colore-link-ipertestuale.html . (funziona solo su Safari 4 e Chrome).

Fantastico no ? Prossimamente altre tips su CSS3…vi aspetto.

Tags
-webkit-transition, Animazione Link, CSS3
Blog Comments
gampalusca baldrani 29 Giugno 2012

Ma non si vede niente…..e’ sempre viola…

Rispondi
Andrea Pernici 1 Luglio 2012

Che browser usi?

Rispondi
Leave a Comment

Cancel Reply

*Please complete all fields correctly

About Me
about-me
Andrea Pernici

Chief Technology Officer at Search On Media Group and 3BMeteo.com

Categories
  • Apache 2.2
  • Blog e Social
  • CSS
  • Google
  • Grafica
  • Linux
  • Marketing
  • Politica
  • Programmazione
  • Seo
  • Sicurezza
  • Sport
  • Varie
  • Viaggi
  • Video
  • WebServer
Popular Post
  • How to Dominate “Google In-The News” Box (aka “Top Stories”)…lunedì - Maggio 08, 2017
  • WordPress Brute Force Attacks: lock your wp-login.php with ModSecuritymercoledì - Ottobre 28, 2015
  • All the small things that make a great productmartedì - Ottobre 27, 2015
  • #WMF15 – Se Markettone è sembrato è colpa MIAmercoledì - Giugno 24, 2015
  • European Search Awards, Advanced SEO Tool e ora il Web…mercoledì - Maggio 06, 2015
Tags
AIR Andrea Pernici apache Bug Google Convegno gt Convegno SEO Design Eventi SEO Facebook Giorgio Taverniti Google Google Maps Google News Google News Sitemap Google Plus Google profile gtConference gt study days htaccess Linkedin Linux Loghi Long Tail Keywords Marketing Matt Cutts Meteo migliori tweet Open Source Ottimizzare Wordpress Page Speed Rich Snippet script Seo SERP shell Significati Nascosti Sociable italia Social Network Twitter Web Performance WebProNews Web Server Apache Wordpress Wordpress plugin YouTube
Recent Comment
  • SEO Roma e SMS: una triste storia di diffamazione domenica - Novembre 08, 2020 02:24 am
  • Google News Sitemap 1.0.5 giovedì - Febbraio 20, 2020 04:59 pm
  • Come fare Redirect 301 di una pagina web giovedì - Febbraio 20, 2020 04:58 pm
  • Come fare Redirect 301 di una pagina web giovedì - Febbraio 20, 2020 04:52 pm
  • Google News Sitemap 1.0.5 venerdì - Gennaio 10, 2020 12:01 pm
© 2017 Andrea Pernici - SEO, Design & Technology as attitudes - Me on freebase - Privacy Policy