百度分享按钮的CSS重写_Html5_论坛

百度分享按钮的CSS重写

你***饭分类：Html5 人气：704 回帖：3 发布于6年前收藏

看到一个网站用了扁平化社交按钮套件：

大概看了它一下源码，应该是用百度分享按钮的一套，然后加了一个扁平化的背景，就做成扁平化的效果。我刚刚开始自学网页制作，水平水有限，不能全部找到对应的代码，不知道哪位朋友可帮忙，把这个对应片平化图标的 html 和 css 代码找出来。请具备两个功能： 1 扁平化，2，有分享功能。引入必要Jquery 和JS 如果能提出，更好~ 先谢谢了！
网址如下：http://www.alibaixiu.com/15147.html

标签：css3 前端 css html html5

讨论这个帖子（3）垃圾回帖将一律封号处理……

Lv6 码匠

飞***n 技术总监 6年前#1

http://share.baidu.com/code/advance 用的是百度分享
http://www.alibaixiu.com/static/img/share.png 你看到的扁平化是用了图片

Lv3 码奴

wa***88 产品经理 6年前#2

CSS文件：http://bdimg.share.baidu.com/static/api/css/share_style0_16.css?v=81615bb9.css
JS文件：http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion=395563

Lv6 码匠

追***忆 UI设计师 6年前#3

可以使用在线按钮样式生成器:http://buttoncssgenerator.com 在线生成按钮css，支持各大主流浏览器，款式随心定制，也有丰富的示例可以选择

文明上网，理性发言！ 😉 阿里云幸运券，戳我领取