.berubah {
  -webkit-animation-name: example; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */
  animation-name: example;
  animation-duration: 15s;
}
@-webkit-keyframes example {
  from {background-color: darkslateblue;);}
  to {background-color: #ad1457;}
}
@keyframes example {
  from {background-color: darkslateblue;);}
  to {background-color:  #ad1457;}
}
.berubahlogin {
  -webkit-animation-name: example1; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration: 15s; /* Safari 4.0 - 8.0 */
  animation-name: example1;
  animation-duration: 15s;
}
@-webkit-keyframes example1 {
  from {background-color: #ad1457;);}
  to {background-color: darkslateblue;}
}
@keyframes example1 {
  from {background-color: #ad1457;);}
  to {background-color: darkslateblue;}
}