Question

因此希望绿色背景颜色比按下的按钮更长。有可能吗？

＆＃13;

#button {
  background-color: red;
  width: 100px;
  height: 50px;
  display: block;
}
#button:active {
  background-color: green;
}

＆＃13;

<!DOCTYPE html>

<html lang="en">

<head>
  <meta charset="utf-8" />
  <title></title>

</head>

<body>
  <a href="#" id="button">1</a> 

</body>

</html>

＆＃13;

Answer 1

可以使用transition

＆＃13;

#button {
  background-color: red;
  width: 100px;
  height: 50px;
  display: block;
  transition:0s 1s;
}
#button:active {
  background-color: green;
  transition:0s;
}

＆＃13;

<!DOCTYPE html>

<html lang="en">

<head>
  <meta charset="utf-8" />
  <title></title>

</head>

<body>
  <a href="#" id="button">1</a> 

</body>

</html>

＆＃13;

如何增加持续时间：在css中活跃？

1 个答案: