webkit animations

opacity /0

by jshacker

HTML

<div></div>

CSS

div {
  border: 100px black solid;
  height: 0;
  width: 0;
}
@-webkit-keyframes fadeanim {
  from {
    opacity: 1;
  }
  40% {
    opacity: 0;
  }
  70% {
    opacity: 0.4;
  }
  to {
    opacity: 0.9;
    border-color: red;
  }
}
div {
  -webkit-animation: fadeanim 10s;
}