css这个“+”如何做出按键的感觉，点一下会动一下？

Question

Answer 1

.hvr-grow {

        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
    }
    .hvr-grow:hover, .hvr-grow:focus, .hvr-grow:active {
        -webkit-transform: scale(1.1);
        transform: scale(1.1);
    }

Answer 2

demo,demo使用transtion搭配transform做的动画，触发用：active伪类做的。效果方式可以长按加号可以看到效果。改进方式，使用animations可以让动画连贯起来，也可以不用长按。

方法2就是用js绑定一下onclick事件。然后或者用animations做。或者用位置的变化模拟。问题应该都不大吧。

Answer 3

click事件加上border；width 和 height =原来的减去border，border用背景的相近色

Answer 4

.add:active{
     opacity: .7;
     margin-top:-1px;
}