Velo Slider 
Autor: Stiac Engineering
Visitado 2286,
Followers 1,
Compartido 0
Salve ragazzi,
propongo la creazione di un nuovo tipo di Content Slider, con maggiori animazioni ed effetti vari.
Quello che desidero consigliare oggi è un "Velo Slider" che in maniera analoga al Content Slider, consente all'utente di visualizzare i contenuti con uno stile molto più moderno e coinvolgente.
Ho implementato un breve esempio sul mio sito gabcarl.altervista.org, tuttavia online ci sono vari modelli.
C'è sia orizzontale che verticale. Sono molto interessanti gli effetti di traslazione, oltre a quello presente al passaggio con il mouse sul pulsante.
Spero sia di vostro gradimento e che possa essere preso in considerazione per lo sviluppo di un nuovo oggetto.
Publicado en
Bello, ma non funziona giusto...se scrolli la pagina con la rotellina, rimangono le scritte a sx, e le freccie...
Autor
Grazie! È già un miracolo che funziona, in genere certe librerie JS danno problemi. Per questo spero in Incomedia.
Se qualcuno ha dei suggerimenti per dei fix può farlo presente.
+1 bello...
sempre meglio riportare la fonte...
immagino sia questa:
https://codepen.io/StephenScaff/pen/VbxLmE
per curiosità, prova con questi:
.velo-slider__hint {
position: relative;
}
.velo-slides-nav {
position: absolute;
}
Autor
Ho risolto così:
.velo-slides-nav {
position: absolute;
}
.velo-slider__hint {
position: absolute !important;
}
Non so se è corretto ma pare funzionare, almeno offline.
La fonte originale è quella citata giustamente da Claudio e domando scusa per non averla inserita.
Autor
Per chi desidera usarlo sul proprio progetto, ho creato un Pen con i codici aggiornati.
Link: https://codepen.io/stiac/pen/KKMWzLr
Spero possa essere di gradimento.
Grazie di cuore per l'aiuto a tutti!
+1 Bello e grazie por la spiegazione.
Ciao
Danielle
Autor
Prego! Una cosa è più bella quando condivisa.
+1
+1
+1 Gabriele
+1
Sono "piccoli dettagli" che darebbero un tocco di modernità nelle animazioni al nostro Website X5
+1
Veramente moderno... +1
+1