如何使用CSS3创建一个漂亮的图标

颜颜海镜 yanhaijing.com 2014/01/25

演示 下载 今天，我想展示给你一个巧妙的花招。我们将创建一个纯CSS3文本图标。更让人震惊的是，这效果将只需要一个HTML元素。 游戏的计划 创建一个矩形盒子 设置圆角 使用伪类元素创建一个卷角效果 通过梯度渐变创建文本效果 让我们开始吧！ 第一步：创建盒子 让我们加入唯一的HTML元素：一个锚标签。这是有理可依，因为大多数的图标同时也是一个链接。 <a class="docIcon" href=…