如何使按钮更大，当我们点击它的CSS [关闭]

gupuwyp2 于 2023-04-13 发布在其他

关注(0)|答案(1)|浏览(130)

已关闭，该问题需要details or clarity，目前不接受回答。
**想要改进此问题？**通过editing this post添加详细信息并澄清问题。

3天前关闭。
Improve this question
如何使我们的按钮更大，当我们点击它的css
我想让我的按钮在点击时变大

css

来源：https://stackoverflow.com/questions/75970961/how-to-make-out-button-bigger-when-we-click-it-on-css

1条答案

按热度按时间

k4emjkb11#

类为**.btn的按钮的简单HTML文件和此和属性的CSS**文件应为transform: scale(1.1);

body {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btn {
  cursor: pointer;
  padding: 1rem 2rem;
  transition: all 0.3s ease-in-out;
}

.btn:active {
  transform: scale(1.1);
}

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial scale=1.0" />
  <link rel="stylesheet" href="style.css" />
  <title>Browser</title>
</head>

<body>
  <button class="btn">Submit</button>
  <script src="script.js"></script>
</body>

</html>

赞(0）回复(0）举报 2023-04-13

我来回答

如何使按钮更大，当我们点击它的CSS [关闭]

1条答案

相关问题

热门标签

最新问答