移動端經常使用狀態

移動端經常使用狀態總結中：

①go-back後退

　　HTML：

　　<div class="go-back">後退</div>

　　CSS:

　　　　.go-back{width: 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);}

其餘效果整理中。。