Cacher is the code snippet organizer for pro developers

.formulario input:required:valid, .contact_form textarea:required:valid {
    box-shadow: 0 0 5px #5cd053;
    border-color: #28921f;
}

.formulario input:required:invalid, .contact_form textarea:required:invalid {
    box-shadow: 0 0 5px #d45252;
    border-color: #b03535;
}

-webkit-transition:all 1s ease;
-moz-transition:all 1s ease;
-o-transition:all 1s ease;
transition:all 1s ease;

transition: [Propiedades] [Tiempo] [Función de Tiempo] [Retardo];
Propiedades: Propiedad a modificar ejemplo width height all
Tiempo : Tiempo total animacion
Función de tiempo: 
    ease	Default value. Specifies a transition effect with a slow start, then fast, then end slowly (equivalent to cubic-bezier(0.25,0.1,0.25,1))
    linear	
    ease-in	
    ease-out	
    ease-in-out	
    cubic-bezier(n,n,n,n)

/* Parámetros según navegador */
transition:           -IE
-webkit-transition:   - Chrome y Safari 
-moz-transition:      - Mozilla 
-o-transition:        - Opera 

/*horizontal-vertical-desenfoque-Tamaño*/
box-shadow: 3px 3px 5px 1px #ccc;

/*-moz-box-shadow:    3px 3px 5px 1px #ccc;
-webkit-box-shadow: 3px 3px 5px 1px #ccc;*/

resize:none;

outline:0px;

  background-image: url("../images/bak1.png");

/*cambiar color placeholder*/
::-webkit-input-placeholder { color:#000; }
::-moz-placeholder { color:#f00; } /* firefox 19+ */
:-ms-input-placeholder { color:#f00; } /* ie */
input:-moz-placeholder { color:#fff; }

/*Cambiar color al estar en focus*/
:focus::-webkit-input-placeholder {color:blue;}
:focus:-moz-placeholder {color:blue;}
:focus:-ms-input-placeholder {color:blue;}