Effetto Zoom su una foto con jQuery

Effetto Zoom su una foto con jQuery

Codice della Lezione: Effetto Zoom su una foto con jQuery

// inizializzazione jQuery $(document).ready(function(){ //selettore su img , quando passi con il mouse sopra esegui l'azione $('.galleria > figure > img').hover(function(){ // Animate sull'elemento ricorrente alla velocità di 1secondo $(this).animate({"opacity":"1","width":"300px","height":"400px"},1000); //Quando togli il mouse dall'immagine, ritorna al suo stadio iniziale alla velocità di un secondo },function(){ $(this).animate({"opacity":"0.5","width":"250px","height":"250px"},1000) }); });

Scritto da Donato Pirolo

Ciao, sono Donato, frontend developer con una smisurata passione per la SEO. Creo strumenti ad hoc per aiutare aziende e professionisti ad essere cercati sul web e trovare clienti.

Potrebbero interessarti

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Copyright © 2022
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram