Ciao a tutti,

avrei bisogno di uno spunto per creare un effetto di "zoom" su del testo.
Dato un elemento DOM qualunque contenente del testo ho bisogno di zoomarlo.

Il problema è riuscire a gestire lo zoom anche su un testo multilinea/blocco (tipo,

, <div> o altro).

Notare bene che ho bisogno di creare un effetto di "scaling" o "sfumatura" della dimensione e non un semplice zoom da X1 a (per esempio) X5.

L'effetto che vorrei è qualcosa di simile a quello mostrato in questo tutorial.

Solo che non devo agire a livello di markup/html ma deve poter funzionare su qualunque tipologia di testo.
Cioè: si può modificare il testo in post rendering, con Javascript, ma non ci dev'essere un requisito su come il codice HTML è messo prima di applicare l'effetto.
Deve essere puramente applicabile ad un elemento.
Ci fosse qualcosa di raffinato che funzioni su qualunque elemento sarebbe stupendo: una specie di lente d'ingrandimento che distorge.

Cercherei di giocare il più possibile su CSS (meglio se 2.1 piuttosto che l'ancora poco supportato 3.0) e fare "quel che manca" con JavaScript, in modo da essere il meno pesante possibile per la CPU.


Questo è il passo 1.

Dopodiché vorrei che questo effetto ZOOM SFUMATO fosse applicato al testo corrispondente all'area un DIV sovrastante che posso spostare per la pagina.



E' possibile secondo voi?
Qualche suggerimento o tutorial che possa indicarmi "la via"?

Gracias gente!