- Home
- Categorie
- Coding e Sistemistica
- HTML e CSS
- Fade In CSS3
-
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
-
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
**
-
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?
-
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.
-
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?