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