Breaking News: Grepper is joining You.com. Read the official announcement!

animate background

Open Ocelot answered on February 27, 2023 Popularity 9/10 Helpfulness 2/10

answer animate background

animate background

Comment

#slideshow {
  border: 1px solid gray;
  height: 330px;
  width: 592px;
  -webkit-animation-name: background;
  -webkit-animation-duration: 5s;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
}

@-webkit-keyframes background {
  0% {
    background-image: url('http://sipi.usc.edu/database/preview/aerials/2.1.07.png');
  }
  33% {
    background-image: url('http://sipi.usc.edu/database/preview/aerials/2.1.06.png');
  }
  100% {
    background-image: url('http://sipi.usc.edu/database/preview/aerials/2.1.12.png');
  }
}

Popularity 9/10 Helpfulness 2/10 Language css

Source: stackoverflow.com

Tags: background css

Link to this answer
Share Copy Link