移動(dòng)端常用狀態(tài)總結(jié)中：

①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狀態(tài)下的邊框過(guò)度效果

　　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);}

其他效果整理中。。

?

轉(zhuǎn)載于:https://www.cnblogs.com/shuilinger/p/4932755.html

總結(jié)

以上是生活随笔為你收集整理的移动端常用状态的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。