transition bg

by nickkell

HTML

<div class="static-data-error">hello!</div>

CSS

@-webkit-keyframes fadeIt {
  0%   { background-color: rgba(242, 222, 222, 1); }
  50%  { background-color: rgba(242, 222, 222, 0.5); }
  100% { background-color: #FFFFFF; }
}
@-moz-keyframes fadeIt {
  0%   { background-color: rgba(242, 222, 222, 1); }
  50%  { background-color: rgba(242, 222, 222, 0.5); }
  100% { background-color: #FFFFFF; }
}
@-o-keyframes fadeIt {
  0%   { background-color: rgba(242, 222, 222, 1); }
  50%  { background-color: rgba(242, 222, 222, 0.5); }
  100% { background-color: #FFFFFF; }
}
@keyframes fadeIt {
  0%   { background-color: rgba(242, 222, 222, 1); }
  50%  { background-color: rgba(242, 222, 222, 0.5); }
  100% { background-color: #FFFFFF; }
}

.static-data-error {
    background-image:none !important;
    -webkit-animation: fadeIt 5s ease-in-out;
       -moz-animation: fadeIt 5s ease-in-out;
         -o-animation: fadeIt 5s ease-in-out;
            animation: fadeIt 5s ease-in-out;
}