如何将CSS转换应用于单个按钮?

时间:2018-12-03 13:59:23

标签: css css-animations

在我的网页中,我正在显示一个表格。其中每一行包含三个按钮。我想应用点击感觉,所以我使用

这样的CSS
.historyButton{
    background: #339999;
    border:none;
    font-family: 'Raleway', sans-serif;
    border-radius: 3px;
    margin-bottom: 5px;
}

.historyButton:active{
    background: #339999;
    border:none;
    font-size: 14px;
    font-family: 'Raleway', sans-serif;
    border-radius: 3px;
    transform: translateY(4px);
}

上面,当我单击一个按钮时,它将“转换”动画应用于所有具有“ historyButton”类的按钮。但是我只希望将变换动画显示在我单击的按钮上。我该如何实现?任何帮助将不胜感激。谢谢。

0 个答案:

没有答案