Problemi fogli di stile

Discussion in 'Programmazione Web' started by Bacchisio, Apr 2, 2016.

  1. Bacchisio

    Bacchisio New Member

    Joined:
    Apr 2, 2016
    Messages:
    1
    Likes Received:
    0
    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:

    Code:
    #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
     
  2. alfagt

    alfagt New Member

    Joined:
    Mar 22, 2016
    Messages:
    17
    Likes Received:
    0
    che vendor avevi utilizzato?
     
  3. True User of Liberty

    True User of Liberty Administrator Staff Member

    Joined:
    Mar 12, 2016
    Messages:
    171
    Likes Received:
    0
    vedo che hai risolto, o almeno su firefox mi sembra tutto ok

    cos'era che non andava?
     
  4. Arakorn

    Arakorn New Member

    Joined:
    Mar 16, 2016
    Messages:
    20
    Likes Received:
    0
    secondo me dovresti far girare lo slide con javascript e usare css solo per gestire le dimensioni ed i colori

    le funzioni che stai utilizzando non sono supportate ancora da tuti i browser (figurarsi un IE)
     

Share This Page