Come posso modificare la velocità della dissolvenza per i messaggi di avviso in Bootstrap di Twitter?

Question

Sto usando twitter bootstrap e la dissolvenza per la chiusura nella finestra di avviso avviene più velocemente di quanto vorrei. C'è un posto dove posso cambiare la durata della dissolvenza o forse anche impostarla su una base per avviso?

Grazie

Answer 1

Dan Herman,

Se non si utilizza meno e ti senti come la modifica del bootstrap.css si può provare e modificare questo uno e non pasticciare con il file .js.

Modifica

.fade { 
    opacity: 0; 
    -webkit-transition: opacity 0.25s linear; 
     -moz-transition: opacity 0.25s linear; 
     -ms-transition: opacity 0.25s linear; 
     -o-transition: opacity 0.25s linear; 
      transition: opacity 0.25s linear; 
} 

e farne ...

.fade { 
    opacity: 0; 
    -webkit-transition: opacity 1.25s linear; 
     -moz-transition: opacity 1.25s linear; 
     -ms-transition: opacity 1.25s linear; 
     -o-transition: opacity 1.25s linear; 
      transition: opacity 1.25s linear; 
} 

1.25s non è il valore di default, che è è solo un esempio e se si applica questo, si nota affatto l'effetto e la differenza.

Ora, se si desidera creare un'altra variante del selettore di dissolvenza, diciamo "myFade", quindi penso che è necessario modificare il bootstrap-alert.js e aggiungere il nuovo selettore di classe o il selettore di classe "myFade" .

Non so ancora di javascript. Ho solo pensato che devi modificare il file bootstrap-alert.js e inserire la tua nuova classe.

Answer 2

Esso utilizza effettivamente .transition(opacity .15s linear); nel componente-animations.less (linea 5).

Se si guarda sulla riga 64 di bootstrap-alert.js, è possibile vedere dove fa riferimento alla classe. Cambia .15s in quello che vuoi che sia e dovresti essere bravo a farlo.