1中的按钮颜色,是按照2中实现设计好的,只需要绑定3中所示的class即可
实现触碰下方弹出阴影,我们需要用到下图所示的样式,即改变背景位置,已经设置背景色,实际上-15移动的是3中的背景,将它向上移动后,重新设置的背景色即会显示出来,就是阴影色
如若需要动态效果可以加上
-webkit-transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-o-transition: .5s;
transition: .5s;
样式,实现动态移动的效果