CSS – Animation is not working on Internet Explorer

  • Home / Blog / CSS – Animation…

CSS – Animation is not working on Internet Explorer

I have this animation working fine on chrome but not working at all in IE, here my working css is probably not working with کیونکہ because if i use bg position with pixel but it never responds Will not happen

.cta-hover-effect {
  background:
    linear-gradient(90deg, currentColor 50%, transparent 0)
    0 100%/200% 1px repeat-x;
  background-position: 0 100%;
}

.cta-hover-effect:hover {
  animation-name: cta-animation;
  animation-duration: 1.2s;
  animation-timing-function: linear;

  @keyframes cta-animation {
    0% {
      background-position: 100% 100%;
    }

    50% {
      background-position: 0 100%;
    }

    100% {
      background-position: -200% 100%;
    }
  }
}

Write a Comment

Your email address will not be published. Required fields are marked *

x