摘要: CSS 新属性 clip-path,意味裁剪路径的意思,让我们可以很便捷的生成各种几何图形。 clip-path 通过定义特殊的路径,实现我们想要的图形。而这个路径,正是 SVG 中的 path 。 clip-path 属性api: /* Keyword values */ clip-path: n 阅读全文
posted @ 2018-02-20 17:39 柔和的天空 阅读(1041) 评论(0) 推荐(0)
摘要: 三角形:通常会使用透明的border模拟出一个三角形:▲ 切角:采用多重线性渐变实现切角 梯形:利用伪元素加旋转透视实现梯形 当然,还有另一种更简单的方法是利用border实现,借助上面的构造三角形的方法,在矩形两侧构造两个透明的三角形 五边形:梯形加上三角形,很容易就组合成一个五边形,这里需要借助 阅读全文
posted @ 2018-02-20 17:22 柔和的天空 阅读(428) 评论(0) 推荐(1)