0 Replies - 240 Views - Last Post: 05 November 2014 - 07:30 AM

#1 TaLeNT   User is offline

  • D.I.C Head

Reputation: -8
  • View blog
  • Posts: 122
  • Joined: 05-September 14

CSS Zoom effect

Posted 05 November 2014 - 07:30 AM

Hello everyone,

So I was playing around with this code but I cannot get it to keep going infinitely.
After 8 seconds it stops.. What Im wanting is for it after 8 seconds to to start the process over again from the beginning.

Here is the code.

 .top {
  -webkit-animation: imageAnimation 8s linear 1 0s;
  -moz-animation: imageAnimation 8s linear 1 0s;
  -o-animation: imageAnimation 8s linear 1 0s;
  -ms-animation: imageAnimation 8s linear 1 0s;
  animation: imageAnimation 8s linear 1 0s;
  background-size:cover;
}
@-webkit-keyframes imageAnimation {
  0% {
    -webkit-animation-timing-function: ease-in;
  }
  100% {
    -webkit-transform: scale(1.1);
  }
}
@-moz-keyframes imageAnimation {
  0% {
    -moz-animation-timing-function: ease-in;
  }
  100% {
    -moz-transform: scale(1.1);
  }
}
@-o-keyframes imageAnimation {
  0% {
    -o-animation-timing-function: ease-in;
  }
  100% {
    -o-transform: scale(1.1);
  }
}
@-ms-keyframes imageAnimation {
  0% {
    -ms-animation-timing-function: ease-in;
  }
  100% {
    -ms-transform: scale(1.1);
  }
}




Is This A Good Question/Topic? 0
  • +

Page 1 of 1