移动端常用状态总结中：
①go-back后退
HTML：
<div class="go-back">后退</div>
CSS:
.go-back{ 44px;height: 44px;text-align: center;line-height: 44px;background: #C21A19;color: #FFFFFF;}
.go-back:active{background: #FB8483;}
②input="text" focus状态下的边框过度效果
HTML：
<input type="text" class="ipt">
CSS:
.ipt{line-height: 18px;padding: 12px;border: 1px solid #EDEDED;-webkit-border-radius: 5px;border-radius: 5px;transition: all 0.6s linear;}
.ipt: focus{outline: none;border-color: blue;box-shadow: 0 -3px 2px rgba(110,171,253,0.3),3px 0 2px rgba(110,171,253,0.3),0 3px 2 rgba(110,171,253,0.3),-3px 0 2px rgba(110,171,253,0.3);}
其他效果整理中。。