Custom animations not working

Hello Team,

I have added custom animations to the section. But animation not working. Here is what actually do:

1. Added classes to main section: animated25 animatedFadeInUp25 fadeInUp25
2. Saved css

/* Animation */
@keyframes fadeInUp25 {
  from {
    -webkit-transform: translate3d(0, 40px, 0);
            transform: translate3d(0, 40px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

@-webkit-keyframes fadeInUp25 {
  from {
    -webkit-transform: translate3d(0, 40px, 0);
            transform: translate3d(0, 40px, 0);
  }
  to {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}

.animated25 {
  animation-duration: 1s;
  animation-fill-mode: both;
  -webkit-animation-duration: 1s;
  -webkit-animation-fill-mode: both;
}

.animatedFadeInUp25 {
  opacity: 0;
}

.fadeInUp25 {
  opacity: 0;
  animation-name: fadeInUp25;
  -webkit-animation-name: fadeInUp25;
}

Still it is not working.

What is going wrong.

• This topic was modified 4 years, 10 months ago by Jan Dembowski. Reason: Formatting