Valutazione discussione:
  • 0 voto(i) - 0 media
  • 1
  • 2
  • 3
  • 4
  • 5
Effetto JS tipografico
#1
Ciao Mattia,
sapresti dirmi come riprodurre l'effetto js tipografico presente in questo sito nelle varie sezioni?

Grazie
Cita messaggio
#2
Di preciso quale effetto intendi?
Mattia!
Cita messaggio
#3
credevo che "tipografico" fosse già chiaro. Smile
mi riferisco al testo animato che spunta all'inizio di ogni sezione sopra gli sfondi fotografici...
Cita messaggio
#4
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
    });
});
Mattia!
Cita messaggio
#5
OK, ti aggiorno se ho altre domande, intanto grazie mille! Big Grin
Cita messaggio


Discussioni simili
Discussione Autore Risposte Letto Ultimo messaggio
  [WordPress] Effetto rollover con info Chandler 4 6.555 22/05/2017 14:56
Ultimo messaggio: Chandler
  Info effetto griglia javascript Chandler 6 14.039 15/10/2015 16:34
Ultimo messaggio: Mattia
  Effetto CSS opacizzazione immagini! Naroku95 3 9.089 31/10/2011 14:48
Ultimo messaggio: Mattia

Vai al forum:


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