CSS3/SVG质感背景小图标 镂空效果图标按钮

本文作者html5tricks,转载请注明出处

之前我们分享过很多利用CSS3制作的图标小按钮,比如一些分享按钮,如纯CSS3社会化分享按钮,还有一些带小图标的CSS3菜单,如HTML5/CSS3滑块动画菜单 图标动画很酷。今天我们来分享一款用CSS3和SVG实现的质感背景小图标,鼠标滑过图标时出现镂空的效果,并且有质感背景的描边,效果非常不错。

svg-icons-with-patterns

在线演示源码下载

热门推荐