How to make this effect for the buttons?

the circle has taken with fontawesome
July 8th 19 at 15:27
4 answers
July 8th 19 at 15:29
.button .icon {
 position: relative;
.button:active .icon {
 top: 1px or more

or translate
July 8th 19 at 15:31
What kind of effect ? The fact that you threw not, it is not clear in these pictures ) Actually hover help
on button click we have to move the circle down - Deon98 commented on July 8th 19 at 15:34
July 8th 19 at 15:33
Using JS to catch the click on the button and add a class to animate the icon.
July 8th 19 at 15:35
Something like this:
$(button).on('click', function(e){

button.animate {
 transform: translateY(10px);

Find more questions by tags JavaScriptCSS