title: Transform CSS property doesn't work with <a> element
body: <p>I want to <code>scale(x,y)</code> my <code>&lt;a&gt;</code> element when I click on it, but it doesn't work. I use Mozilla Firefox web browser to run the program.</p>
  
  <p>Here is my code:</p>
  
  <h2>scaleElement.html</h2>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;CSS3 Transform and Transition&lt;/title&gt;
          &lt;style&gt;
              a{
                  background-color: green;
                  color: white;
                  padding: 10px 20px;
                  text-decoration: none;
                  border: 2px solid #85ADFF;
                  border-radius: 30px 10px;
                  transition: 2s;
              }
              a:hover{
                  transform: scale(2,2);
              }
          &lt;/style&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;center&gt;&lt;a href="xyz.html"&gt;click here&lt;/a&gt;&lt;/center&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>