webkit - I have this css animation that works fine when I test it locally but when I launch it to github pages it doesn't work

Question

I have this animation that works fine locally but when I launch the site to github pages it stops working

   .Vbtn-1 {
      background:transparent;
      text-align: center;
      float:left;
      color:white;
   }
   .Vbtn-1 svg {
      height: 50px;
      width: 165px;
      left: 0%;
      position: absolute;
      top: -5px;
   }
  .Vbtn-1 rect {
   fill: none;
   stroke: white;
   stroke-width: 4;
   stroke-dasharray: 422, 0;
   transition: all 450ms linear 0s;
}
.Vbtn-1:hover {
   background: rgba(225, 51, 45, 0);
   color: white;
   font-weight: 900;
   letter-spacing: 1px;
   transition: all 150ms linear 0s;
}
.Vbtn-1:hover rect {
   stroke-width: 5;
   stroke-dasharray: 15, 310;
   stroke-dashoffset: 48;
   -webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
   transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1);
}

Is it because I'm launching it on pages? I'm confused as to why it wouldn't look and work exactly the same if it's running on the same browser in the end

question from:https://stackoverflow.com/questions/65626689/i-have-this-css-animation-that-works-fine-when-i-test-it-locally-but-when-i-laun

Answer 1

Waitting for answers