Forum di Matriz

Versione completa: Effetto JS tipografico
Al momento stai visualizzando i contenuti in una versione ridotta. Visualizza la versione completa e formattata.
Ciao Mattia,
sapresti dirmi come riprodurre l'effetto js tipografico presente in questo sito nelle varie sezioni?

Grazie
Di preciso quale effetto intendi?
credevo che "tipografico" fosse già chiaro. Smile
mi riferisco al testo animato che spunta all'inizio di ogni sezione sopra gli sfondi fotografici...
Su quel sito il testo delle pagine è formato in realtà da immagini.
Ogni pezzo di frase (cioè ogni immagine) viene mosso sfruttando il metodo animate di jQuery.
Per esempio, con questo codice fa scendere una frase dall'alto (prima gli assegna un margine dall'alto negativo, poi con il metodo animate lo rimette alla posizione originaria):
Codice:
$(document).ready(function() {
    $('#frase-1').css('margin-top': '-30%').animate({
        'margin-top': 0,
        'opacity': 1
    }, 300, 'swing', function() {
        // Qui ci sarà il codice per muovere la seconda frase
    });
});
OK, ti aggiorno se ho altre domande, intanto grazie mille! Big Grin