Fade In CSS3

lyd

Fade In CSS3

Ciao a tutti,

ho creato un sito (attualmente) monopagina diviso in sezioni. Vorrei dargli questi effetti carini di fade in ad alcuni elementi.
Ho fatto tutto e funziona correttamente, ma il fade in parte, in tutta la pagina, nello stesso momento. Vorrei che partisse appena si "entra" nelle varie sezioni scrollando o dal menu. E' possibile senza ricorrere a JQuery?

Grazie a tutti per i vostri suggerimenti

hub

Ciao, puoi provare **animate.css

**e qui trovi un po' di esempi, puoi anche scaricare tutti i file in modo da studiare come funziona: **github.com/daneden/animate.css

**

lyd

Ciao hub,

grazie è interessantissimo, ci sono una marea di classi, ma non trovo comunque il modo per far partire il fadein solamente ad un certo punto della pagina.
Mi sfugge qualcosa?

hub

Come qualcosa del genere? **mynameismatthieu.com/WOW/
**
Solo con CSS dubito che sia possibile in modo semplice, magari qualcun altro che legge questa discussione potrà o meno confermare.

lyd

Sì, esatto.
Quel link rende l'idea..

diciamo che io ho una struttura tipo:

<body>
<section id="contenuto1">contenuto1</section>
<section id="contenuto2">contenuto2</section>
<section id="contenuto3">contenuto3</section>
<section id="contenuto4">contenuto4</section>
</body>

I contenuti all'interno di ogni sezione devono apparire soltanto quando carichi quella sezione.
Penso che non esista un modo per farlo con solo CSS, qualcuno può smentire?