CSS怎么分别设置hover转换和按下的时长

陽陽陽

现在的代码：
button[class*=brightblue-bright] {
  background:rgba(0,153,255,0.8);
  color:rgb(204,255,255);
  border:none;
  border-radius:10px;
  -webkit-transition-duration: 0.3s;
}
button[class*=brightblue-bright]:hover {
  color:rgb(51,153,255);
  background:rgba(204,255,255,0.9);
}
button[class*=brightblue-bright]:active{
  color:rgb(31,133,235);
  background:rgba(184,235,235,0.9);
}


问题：
按下之后如果不按下0.3秒就没效果（或者很小的效果）
我希望它按下的时候转换时长0.1s
hover时长0.3s

afu45

那就在:active  里面加上
-webkit-transition-duration: 0.1s;

[CSS] 纯文本查看 复制代码

button[class*=brightblue-bright]:active{
  color:rgb(31,133,235);
  background:rgba(255,0,0,0.9);
    -webkit-transition-duration: 0.1s;
}