logo

12个漂亮的CSS3按钮实现方案

2011/12/5 10:06:26 | Tag: CSS, HTML | Hits: 1106 | Author: 未知 | Source: 未知

在过去,我们都是使用图片或者JavaScript来实现漂亮的按钮效果,随着越来越多的浏览器对CSS3的支持和完善,使用CSS3来实现美观的按钮已没有太多的障碍。
今天,本文收集了12个很不错的CSS3按钮方案并有相关的使用

[url]http://lab.simurai.com/css/buttons/[/url]
[img]http://www.webresourcesdepot.com/wp-content/uploads/css3-bonbon-buttons%281%29.jpg[/img]

[url]http://horaciobella.com/zardi/[/url]
[img]http://www.webresourcesdepot.com/wp-content/uploads/zardi-css3-buttons.jpg[/img]

CSS3 Buttons With Simple Markup
[url]http://ubuwaits.github.com/css3-buttons[/url]
[img]http://www.webresourcesdepot.com/wp-content/uploads/css3-buttons%281%29.gif[/img]

Fancy Buttons
[url]http://brandonmathis.com/projects/fancy-buttons[/url]
[img]http://www.webresourcesdepot.com/wp-content/uploads/fancy-css3-buttons.jpg[/img]

10 Nice CSS3 Buttons
[url]http://www.markedlines.com/10-awesome-css3-buttons-to-use-on-your-website[/url]
[img]http://www.webresourcesdepot.com/wp-content/uploads/nice-css3-buttons.gif[/img]

[url]http://tutorialzine.com/2010/10/css3-animated-bubble-buttons[/url]
[img]http://www.webresourcesdepot.com/wp-content/uploads/animated-css3-buttons.jpg[/img]

Super Awesome Buttons with CSS3 and RGBA
[url]http://www.zurb.com/article/266/super-awesome-buttons-with-css3-and-rgba[/url]
[img]http://www.webresourcesdepot.com/wp-content/uploads/css3-rgba-buttons.gif[/img]

[url]http://www.andrewgreig.com/2010/05/styling-pretty-buttons-with-css3][/url]
[img]http://www.webresourcesdepot.com/wp-content/uploads/css3-pretty-buttons.gif[/img]

GitHub-Style CSS3 Buttons
[url]http://css3buttons.michaelhenriksen.dk[/url]
[img]http://www.webresourcesdepot.com/wp-content/uploads/github-style-css3-buttons.gif[/img]


We Love Buttons
[url]http://www.wearepico.com/buttons[/url]
[img]http://www.webresourcesdepot.com/wp-content/uploads/we-love-buttons-css3.jpg[/img]

Sexy Buttons
[url]http://code.google.com/p/sexybuttons[/url]
[img]http://www.webresourcesdepot.com/wp-content/uploads/sexy-css3-buttons.gif[/img]

Realistic CSS3 Buttons
[url]http://somadesign.ca/2010/realistic-css3-buttons-redux[/url]
[img]http://www.webresourcesdepot.com/wp-content/uploads/realistic-css3-buttons.gif[/img]

Copyright 2013 © SkyIMG.cn. All Rights Reserved. | 京ICP备05063919号