Ciao a tutti, non riesco a far girare animazioni o anche colore delle scrollbar su mozzilla:
Ecco alcuni miei esempi di codice:
Codice HTML:
::-webkit-scrollbar-thumb { background:#222; }
::-webkit-scrollbar { width:4px;}
::-moz-scrollbar-thumb { background:#222; }
::-moz-scrollbar { width:4px;}
::scrollbar-thumb { background:#222; }
::scrollbar { width:4px;}
.animate {
-moz-animation-duration: 1s;
-webkit-animation-duration: 1s;
-moz-animation-name: messageAppared;
-webkit-animation-name: messageAppared;
-moz-animation-iteration-count: 1;
-webkit-animation-iteration-count: 1;
}
@keyframes messageAppared{
0% { transform: scale(0); }
30% { transform: scale(0.5); }
40% { transform: scale(1.20); }
50% { transform: scale(1); }
60% { transform: scale(1); }
70% { transform: scale(1.05); }
80% { transform: scale(1); }
100% { transform: scale(1); }
}
@-moz-keyframes messageAppared{
0% { transform: scale(0); }
30% { transform: scale(0.5); }
40% { transform: scale(1.20); }
50% { transform: scale(1); }
60% { transform: scale(1); }
70% { transform: scale(1.05); }
80% { transform: scale(1); }
100% { transform: scale(1); }
}*
@-webkit-keyframes messageAppared{
0% { transform: scale(0); }
30% { transform: scale(0.5); }
40% { transform: scale(1.20); }
50% { transform: scale(1); }
60% { transform: scale(1); }
70% { transform: scale(1.05); }
80% { transform: scale(1); }
100% { transform: scale(1); }
}
Sopratutto l'effetto che voglio vedere è quello per visualizzare il messaggio nuovo che si carica, per tanto vi dò l'url che potete utilizzare per testare il sito dato che è un prototipo di chat:
http://sneh.altervista.org/test?n=Sneh&s=0&ny=Bot