Forum di Matriz

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?

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.

Perfetto!! Era esattamente quello che stavo cercando!

Grazie mille