Свойство Transform CSS не работает с элементом <a>

я бы хотелscale(x,y) мой<a> элемент, когда я нажимаю на него, но он не работает. Я использую браузер Mozilla Firefox для запуска программы.

Вот мой код:

scaleElement.html
<html>
    <head>
        <title>CSS3 Transform and Transition</title>
        <style>
            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);
            }
        </style>
    </head>

    <body>
        <center><a href="xyz.html">click here</a></center>
    </body>
</html>

Ответы на вопрос(2)

Ваш ответ на вопрос