box-shadow più lento

[zacca94]

ragazzi ho questa classe:

input:active, input:focus {
-webkit-box-shadow: 0px 0px 19px 3px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 19px 3px rgba(0,0,0,0.75);
box-shadow: 0px 0px 19px 3px rgba(0,0,0,0.75);
}

che funziona a dovere, vorrei solo migliorarla facendola apparire "più lenta". Non so se mi sono spiegato ma, nel momento in cui io clicco o metto il focus su un input appare subito l'effetto del box-shadow, mentre io non lo vorrei istantaneo ma leggermente ritardato.

[bionicoz]

aggiungi una regola del tipo:

input{
      -webkit-transition: all 0.7s ease-out;
      -moz-transition: all 0.7s ease-out;
      -ms-transition: all 0.7s ease-out;
      -o-transition: all 0.7s ease-out;
      transition: all 0.7s ease-out;
}