Question

应该发生什么：按钮在悬停时会略微增长。发生了什么：当悬停在上方并向右移动时，按钮会略微增长。

我该如何解决这个问题？

以下是代码：

CSS

#skipButton
{

    border-radius: 10em;
    background: -moz-radial-gradient(center, Pink, Magenta);
    background: -webkit-radial-gradient(center, Pink, Magenta);
    background: radial-gradient(center, Pink, Magenta);
    border: none;
    font-family: cursive;
    font-size: 2em;
    left: 50%;
    margin-right: -50%;
    outline: none;
    padding: .25em;
    position: relative;
    text-align: center;
    -webkit-transform: translate(-50%, 0%);
    -webkit-transition: -webkit-transform 0.3s ease-in-out;
}

#skipButton:hover
{
    -webkit-transform: scale(1.25);
}

Answer 1

正在发生的事情是您正在缩放和进行翻译。您在悬停时隐式转换回0，因为它已经设置好了。你需要这个：

{{1}}

为什么我希望它按比例缩放我的按钮？

1 个答案: