Как применить CSS-преобразование к отдельным кнопкам? - PullRequest
Новая
       17

Как применить CSS-преобразование к отдельным кнопкам?

0 голосов
/ 03 декабря 2018

На моей веб-странице я показываю таблицу.В этом каждый ряд содержит три кнопки.Я хочу применить ощущение щелчка, поэтому я использовал 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);
}

Используя выше, когда я нажимаю одну-единственную кнопку, она применяет анимацию «transform» ко всем кнопкам, которые имеют класс historyButton.Но я хочу, чтобы эта анимация трансформации только для кнопки, которую я нажимаю.Как мне этого добиться?Любая помощь будет оценена.Спасибо.

...