1. Type study: An all CSS button
地址:
http://blog.typekit.com/2011/02/10/type-study-an-all-css-button
透過本文介紹的使用box-shadow、text-shadow、border-radius以及CSS gradients(漸變)方法,我們可以設計出一個非常漂亮的介面元件而無需使用圖片。
2. Radioactive Buttons
http://www.zurb.com/playground/radioactive-buttons
3. Animated Buttons with CSS3
http://tympanus.net/codrops/2011/11/07/animated-buttons-with-css3
4.CSS3 Animated Bubble Buttons
http://tutorialzine.com/2010/10/css3-animated-bubble-buttons
http://www.midwinter-
dg.com/permalink-cross-browser-pure-css3-button-demo-2011-07-21.html
已經在Mca下的Safari 5、Firefox 5、Chrome 12和Opera 11.5中測試過,IE的話就不勉其難了,或者你可以試試。
6. CSS Only Button
http://www.binarymoon.co.uk/2010/06/css-button-redux
1. Type study: An all CSS button
地址:
http://blog.typekit.com/2011/02/10/type-study-an-all-css-button
透過本文介紹的使用box-shadow、text-shadow、border-radius以及CSS gradients(漸變)方法,我們可以設計出一個非常漂亮的介面元件而無需使用圖片。
2. Radioactive Buttons
地址:
http://www.zurb.com/playground/radioactive-buttons
3. Animated Buttons with CSS3
地址:
http://tympanus.net/codrops/2011/11/07/animated-buttons-with-css3
4.CSS3 Animated Bubble Buttons
地址:
http://tutorialzine.com/2010/10/css3-animated-bubble-buttons
地址:
http://www.midwinter-
dg.com/permalink-cross-browser-pure-css3-button-demo-2011-07-21.html
已經在Mca下的Safari 5、Firefox 5、Chrome 12和Opera 11.5中測試過,IE的話就不勉其難了,或者你可以試試。
6. CSS Only Button
地址:
http://www.binarymoon.co.uk/2010/06/css-button-redux