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

這個是中間有明顯過渡痕跡的,如果需要逐漸過渡的

用

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

轉載于:https://www.cnblogs.com/zonglonglong/p/5075921.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。