广信之家(GXChina.com)5月7日编译:对于设计人员和开发人员来说,CSS一直是Web设计过程中重要的一部分,随着CSS3的出现以及越来越多的浏览器对它的支持,设计师们有了更多的选择。在过去的Web开发中,通常使用Photoshop来设计按钮的样式,不过随着CSS3技术的发展,完全可以通过几行代码来制作一个漂亮的按钮。本文就将分享20个使用纯CSS3技术制作的3D按钮。
Fancy 3D-Button
Source | Demo
Nice Structured Buttons – Easy to change
Source | Demo
Large Pressable CSS Button
Source | Demo
Brushed Metal Electric Button
Source | Demo
3D Download Button
Source | Demo
Play Button in CSS3
Source | Demo
BonBon Buttons
Source | Demo
Animated Push Button
Source | Demo
Clickable 3D Button
Source | Demo
Push the Buttons
Source | Demo
3D Button
Source | Demo
Animated Button with CSS3
Source | Demo
CSS3 Push-down Button
Source | Demo
CSS3 Colored Buttons
Source | Demo
CSS3 Buttons With a Glass Edge
Source | Demo
Futuristic CSS3 Buttons
Source | Demo
Digital CSS3 Buttons
Source | Demo
An all CSS Button
Source | Demo
Chunky 3D CSS3 Buttons
Source | Demo
Push it
Source | Demo