48种CSS按钮样式及丰富多彩的悬停动画

来源:https://www.sucaihuo.com/js/1958.html 2017-05-17 17:53浏览(1479) 收藏

纯css按钮样式库,效果多达48种,每一种的鼠标悬停动画都不同,有描边动画,有色彩填充动画,发挥想象力,参考本示例你也能做出更棒更漂亮的css按钮动画效果。
48种CSS按钮样式及丰富多彩的悬停动画
分类:html/css > 按钮 难易:
查看演示 下载资源 下载积分: 30 积分

纯css按钮,未调用任何jquery库或javascript,开头直接引入css样式:

<link type="text/css" rel="stylesheet" href="css/buttons.css">

按钮设置也很简单方便,部分代码如下:

<section>
	<h2>Border - Open</h2>
	<button class="btn btn-green btn-border-o">Emerald</button>
	<button class="btn btn-blue btn-border-o">Peter River</button>
	<button class="btn btn-purple btn-border-o">Amethyst</button>
	<button class="btn btn-navy btn-border-o">Wet Asphalt</button>
	<button class="btn btn-orange btn-border-o">Carrot</button>
	<button class="btn btn-red btn-border-o">Alizarin</button>
</section>
评论0
头像

系统已开启自动识别垃圾评论机制,识别到的自动封号,下载出错或者资源有问题请联系全栈客服QQ 1915635791

1 2