Effetto su immagine con link al passaggio del mouse

  • unpaiodali

    (@unpaiodali)


    1 mese, 3 settimane fa

    Buongiorno, ho da poco iniziato ad usare wordpress e ringrazio fin da subito chi potrà darmi una dritta.

    Vorrei replicare, immagino tramite un plugin, l’effetto che si vede passando sull’immagine con il braccio con l’orologio che c’è a questo link del tema baskerville. Esiste un plugin che lo fa o devo andare di CSS?

    https://baskerville.andersnoren.se/

    Grazie mille

Stai visualizzando 1 risposte (di 1 totali)
  • Alessandro Lin

    (@alessandro12)

    1 mese, 3 settimane fa

    Ciao @unpaiodali , usi WP da poco ma non sei digiuno del web, presumo.

    Non so se esista un plugin che fa l’effetto zoom a una immagine quando ci passi sopra il mouse ma dubito, è una cosa da poco. Si può fare con semplice css da inserire, usando la dashboard di wp, nel css personalizzato del sito. Quasi tutti i temi hanno la casella dell’editor anche se non è più immediato trovarla in alcuni. Il css è così:

    div.wp-block-media-text.whyImageClass img:hover {
                    transform: scale(1.05);
     }

    Il frammento funziona. Una immagine dentro un div , quando passi sopra il mouse, img:hover , diventa un pochino più grande. Sistemi la tua immagine nella pagina poi, con gli Strumenti di Sviluppo del browser trovi il suo identificativo: id, classe, ecc. Dopo di che inserisci il css tramite il backend. Finito. Questo il link per una spiegazione più dettagliata dell’effetto zoom. https://www.w3schools.com/howto/howto_css_zoom_hover.asp

    –

Stai visualizzando 1 risposte (di 1 totali)
  • Devi essere collegato per rispondere a questo topic.