Rafa Sojo COMPLETA TU APELLIDO y Marcos Gallardo Pérez

En el siguiente documento vamos a estudiar el uso de las animaciones relacionadas con el color en JS con jQuery.
Para empezar, probamos con el effecto .animate() de jQuery. En él vamos a alterar las propiedades "color", "background-color", "border-color" y "width".

Estado Inicial

  • width: 150px;
  • background: black;
  • color: white;
  • border: 3px solid red;

Estado Final

  • width: 300px;
  • background: red;
  • color: black;
  • border-color: black;
Ejemplo1