Web Design Trails - Sulla scia del web design

Slider in parallasse CSS3 (prima parte)

0 tutorial slider paralasse css3

Non fatevi ingannare dall’immagine, oggi non parliamo di sport estremi, ma di come il CSS3 con le proprietà animation, transform e transition ci consentiranno di fare a meno di JavaScript, per realizzare gli effetti più comuni. In questo tutorial vedremo come realizzare uno slider utilizzando la proprietà animation, nella seconda parte aggiungeremo anche l’hover e un effetto di parallasse. Continua

Realizzare un menu con effetto scorrimento

0 realizzare-sottomenu-originale

In questo tutorial vedremo come realizzare un sottomenu che sembra scorrere da sotto l’header utilizzando il CSS e un pizzico di jQuery. Come si vede nell’immagine, l’header che ho pensato ha un lato obliquo ed è a un livello superiore rispetto al contenuto. Il sottomenu tuttavia sta nel mezzo, fra l’header e il corpo. Continua