Forum di HolidaySoft .it I nostri Partner:
Olio ExtraVergine Oliva del Gargano
Crea la Vetrina per il Tuo Ristorante

Forum di HolidaySoft .it
[ Home | Registrati | Discussioni Attive | Discussioni Recenti | Segnalibro | Msg privati | Sondaggi Attivi | Utenti | Download | Cerca | FAQ ]
 Tutti i Forum
 WEB
 Programmazione
 Domanda su fogli di stile css

Nota: Devi essere registrato per poter inserire un messaggio.
Per registrarti, clicca qui. La Registrazione Ŕ semplice e gratuita!

Larghezza finestra:
Nome Utente:
Password:
Modo:
Formato: GrassettoCorsivoSottolineatoBarrato Aggiungi Spoiler Allinea a  SinistraCentraAllinea a Destra Riga Orizzontale Inserisci linkInserisci EmailInserisci FlashInserisci Immagine Inserisci CodiceInserisci CitazioneInserisci Lista
   
Icona Messaggio:              
             
Messaggio:

  * Il codice HTML Ŕ OFF
* Il Codice Forum Ŕ ON

Faccine
Felice [:)] Davvero Felice [:D] Caldo [8D] Imbarazzato [:I]
Goloso [:P] Diavoletto [):] Occhiolino [;)] Clown [:o)]
Occhio Nero [B)] Palla Otto [8] Infelice [:(] Compiaciuto [8)]
Scioccato [:0] Arrabbiato [:(!] Morto [xx(] Assonnato [|)]
Bacio [:X] Approvazione [^] Disapprovazione [V] Domanda [?]
Seleziona altre faccine

   Allega file
  Clicca qui per sottoscrivere questa Discussione.
   

V I S U A L I Z Z A    D I S C U S S I O N E
Harrison Inserito il - 02 apr 2016 : 10:45:57
Ciao a tutti,
in un restyling di un sito web che sto seguendo, visibile qui http://goo.gl/cbIFNP , sto provando a creare uno slide di immagini con immagini di sfondo caricate direttamente dal css.
Il codice css dello slide Ŕ questo:
#headline {
padding: 0.8em;
color: white;
font-family: 'Exo 2', sans-serif;
background-color: #FFF;
background-size: cover;
background-position: center;
background-image: url(../img/slide1.jpg);
animation: slides_animation 20s infinite;
}

@keyframes slides_animation {
0% {
background-image: url(../img/slide1.jpg);
}
25% {
background-image: url(../img/slide2.jpg);
}
50% {
background-image: url(../img/slide3.jpg);
}
75% {
background-image: url(../img/slide4.jpg);
}
100% {
background-image: url(../img/slide5.jpg);
}
}
Vi sono alcuni problemi per˛ che non riesco a risolvere e che vorrei porgere alla vostra attenzione.
Intanto va solo su chrome anche se inserisco i vendor (mentre gli effetti pi¨ in basso, nelle immagini dei servizi, vanno con tutti i browser anche senza vendor).
Se lo guardate quindi con chrome, vedete che fra un'immagine l'altra vi Ŕ come un flash, almeno al primo giro, dopodichŔ si stabilizza.
Terzo punto, quando finisce l'ultima slide, e riparte dalla prima, non da effetto di dissolvenza fra le due.
Qualcuno sa come aggiustare questi punti?
Grazie
1   U L T I M E    R I S P O S T E    (in alto le pi¨ recenti)
Shaman Inserito il - 11 set 2019 : 08:29:14
Ciao Harrison. Quando ho creato la mia prima galleria d'immagini con HTML e CSS, ho seguito un tutorial so Youtube. Prova a cercare li una risposta.

Cedacri International

Forum di HolidaySoft .it © 2012-10 HolidaySoft.it Torna all'inizio della Pagina
Herniasurgery.it | Snitz.it | Snitz Forums 2000