background-image:?-webkit-gradient(linear, left top, left bottom, color-stop(0%,?#ee432e), color-stop(50%,?#c63929), color-stop(50%,?#b51700), color-stop(100%,?#891100));

這個(gè)是中間有明顯過(guò)渡痕跡的,如果需要逐漸過(guò)渡的

用

background-image:?-webkit-gradient(linear, 0 0, 0 bottom, from(white), to(#D7D7D9));

?

詳情可參考http://hellohappy.org/css3-buttons/

?

?

http://www.cnblogs.com/lhb25/p/css3-animated-button-tutorials.html

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

總結(jié)

以上是生活随笔為你收集整理的css3 实现水晶按钮的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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