Effetto per immagini

Non vi è mai capitato di andare su quei siti e vedere le immagini che si colorano al passaggio del mouse? Non lo vorreste anche voi quell effetto? Ok, eccolo. forse è un po' "difettoso" nel senso che... non so come mai, però a volte l'effetto non immediato e prima che l'immagine faccia il suo effetto ci devi passare sopra 3 o 4 volte... però è questo, e mi piace, perciò ci tendevo a mettervelo!


esempio:

codice:

<img src=“URL IMMAGINE" alt="" onmouseover= "this.style.opacity=1.0;this.filters.alpha.opacity=100" onmouseout="this.style.opacity=0.6;this.filters.alpha.opacity=60" />

esempio2

codice:

<img src=“URL IMMAGINE" alt="" onmouseover= "this.style.opacity=0.6;this.filters.alpha.opacity=60" onmouseout="this.style.opacity=1.0;this.filters.alpha.opacity=100" />

 

 

MA... vedete nel codice dove ho scritto URL IMMAGINE? ovviamente dovete inserire l'URL dell'immagine su cui volete che compaia l'effetto... sapete come si fa? forse sì, ma se non lo sai ti spiego!

  1. scegli l'immagine che vuoi usare dal web —non serve salvarla—
  2. fare CTRL+Shift e vi usciranno tante opzioni...
  3. Cliccate su "copia URL immagine" o "copia indirizzo immagine"
  4. Incollate nel codice —dove c'è scritto URL IMMAGINE—
  5. Il gioco è fatto!

Se qualcosa no è chiaro chiedimi —#codici

ps. tenetevi aggiornati se questo codice ti interessa perché stanno arrivando nuovi effetti —creati da me—