michael2
9/11/2017 - 12:21 AM

Flickerplate - Additional Animation. This code makes the images zoom in when li becomes active. Will need to use FA1 javascript. Example:htt

Flickerplate - Additional Animation. This code makes the images zoom in when li becomes active. Will need to use FA1 javascript. Example:http://www.cosgrovesmash.com.au/

FA3-flicker-fade-animation-image.css
content_copyfile_download
/*----flick animation----*/

.flickerplate li.active  {
          -webkit-animation: flickAnimationImage 5s forwards ease-out;
                  animation: flickAnimationImage 5s forwards ease-out;
}


@-webkit-keyframes flickAnimationImage {
  0% {
       -webkit-transform: scale(1);
               transform: scale(1);
  }

  100% {
       -webkit-transform: scale(1.05);
               transform: scale(1.05);
  }
}


@keyframes flickAnimationImage {
  0% {
       -webkit-transform: scale(1);
               transform: scale(1);
  }

  100% {
       -webkit-transform: scale(1.05);
               transform: scale(1.05);
  }
}

/*---- end flick animation----*/