一款基于css3的动画按钮代码教程

　　错新站长站之前为大家分享了很多款纯css3实现的实用按钮。今天给大家带来一款基于css3的动画按钮。实现的效果图如下：

　　实现的代码。

　　html代码：

XML/HTML Code复制内容到剪贴板

<div class="share-buttons"> <div class="share-button">
<div class="share-button-secondary"> <div class="share-button-secondary-content">
share on twitter </div>
</div> <div class="share-button-primary">
<i class="share-button-icon fa fa-twitter"></i> </div>
</div> <div class="share-button">
<div class="share-button-secondary"> <div class="share-button-secondary-content">
share on facebook </div>
</div> <div class="share-button-primary">
<i class="share-button-icon fa fa-facebook"></i> </div>
</div> <div class="share-button">
<div class="share-button-secondary"> <div class="share-button-secondary-content">
pin on pinterest </div>
</div> <div class="share-button-primary">
<i class="share-button-icon fa fa-pinterest"></i> </div>
</div> <div class="share-button">
<div class="share-button-secondary"> <div class="share-button-secondary-content">
share on tumblr </div>
</div> <div class="share-button-primary">
<i class="share-button-icon fa fa-tumblr"></i> </div>
</div> <div class="share-button">
<div class="share-button-secondary"> <div class="share-button-secondary-content">
share on google+ </div>
</div> <div class="share-button-primary">
<i class="share-button-icon fa fa-google-plus"></i> </div>
</div> </div>

学习交流

如何查找有故障的配件

热门图片

猜你喜欢的新闻

猜你喜欢的关注