title: why is my <a> tag activating as soon as i open my html file?
body: <p>I basically have the href of my  tag scroll to a certain part of my webpage. But every time I reload the webpage, it automatically scrolls to that part of the website without actually clicking it. Does anybody have any idea why this is?</p>
  <p>html</p>
  <pre><code>&lt;div class=&quot;arrow&quot;&gt;
               &lt;a href=&quot;#scroll-to&quot;&gt;&lt;span&gt;&lt;/span&gt;&lt;/a&gt;
  &lt;/div&gt;
  </code></pre>
  <p>css</p>
  <pre><code>.arrow span{
      display: block;
      width: 30px;
      height: 30px;
      border-bottom: 5px solid black;
      border-right: 5px solid black;
      transform: rotate(45deg);
      margin: -10px;
      animation: scroll 2s infinite;}
  
  @keyframes scroll {
  0%{
      opacity: 1;
      transform: rotate(45deg) translate(-20px, -20px);
  }
  50%{
      opacity: 1;
  }
  100%{
      opacity: 0;
      transform: rotate(45deg) translate(20px, 20px);
  }}
  </code></pre>