Valutazione discussione:
  • 0 voto(i) - 0 media
  • 1
  • 2
  • 3
  • 4
  • 5
rollover con testo editabile
#1
Ciao Mattia,
ti scrivo per chiederti come emulare il rollover presente nelle foto di questo sito.
Come vedi quando vai sopra l'immagine c'è un interessante effetto rollover con entrata laterale. Quello che interessa a me, in realtà, è capire se si può avere lo stesso effetto mantenendo il testo del rollover "testo editabile" e gestibile da un eventuale CMS. Se si, come potrei fare?
Cita messaggio
#2
In quel caso il testo non è modificabile, perché è inserito nell'immagine. Infatti si tratta di un'immagine unica che nella metà a sinistra contiene la foto e nella metà a destra contiene la foto con sopra la parte opaca (o il contrario in base alle esigenze). Poi tramine JavaScript viene spostata a sinistra (o a destra) quando si passa sopra con il mouse.

Per utilizzare del testo vero (e quindi modificabile in un CMS) puoi utilizzare le transizioni di CSS3 (sono supportate solo dai browser più moderni, ma in quelli più vecchi il fallback è decente).
Per esempio, puoi seguire questa guida per creare qualcosa di simile a questa demo.
Mattia!
Cita messaggio
#3
Perfetto!! Era esattamente quello che stavo cercando!

Grazie mille
Cita messaggio


Discussioni simili
Discussione Autore Risposte Letto Ultimo messaggio
  [WordPress] Effetto rollover con info Chandler 4 6.539 22/05/2017 14:56
Ultimo messaggio: Chandler
  aumentare crenatura (kerning) testo Chandler 2 7.489 27/11/2015 00:00
Ultimo messaggio: Chandler
Shy Immagini Random+testo veeto 1 6.108 09/03/2009 23:34
Ultimo messaggio: Mattia

Vai al forum:


Utenti che stanno guardando questa discussione: 1 Ospite(i)