CSS3/SVG clip-path路径剪裁遮罩属性简介 |

时间:2015-11-14 10:39 来源: 作者: 点击:次

　你会看到这个提示，那是因为你的系统无法识别某栏目的模型信息，或者你新建模型后，没为这个模型设计单独的模板。不同模型的文档浏览页的模板为：article_模型名字标识.htm 如“article_article.htm”，更多的信息你可以在频道模型管理的地方查看。

文件类型 内容：
模板调用标记：

语言内容：
模板调用标记：

软件类型 内容：
模板调用标记：

授权方式 内容：
模板调用标记：

操作系统 内容：
模板调用标记：

软件等级 内容：
模板调用标记：

官方网址 内容：
模板调用标记：

演示网址 内容：
模板调用标记：

软件大小课程时长 内容：
模板调用标记：

下载资料 内容：
模板调用标记：

详细介绍 内容：
模板调用标记：

一、SVG属性和CSS3属性千丝万缕的关系

CSS3新增属性除了我们现在用的比较多的border-radius, box-shadow, gradient, ...之类，还有很重要的一个分支：SVG属性家族！

所谓「SVG属性家族」是指原本SVG的标签属性可以直接使用CSS设置。

比方说，之前介绍“SVG Sprites技术”时候提到的fill属性，以及之后专门写了篇文章“SVG图标颜色文字般继承与填充”讲CSS中使用SVG的fill属性实现一些效果。还有很经典的在CSS中使用 stroke-dasharray以及stroke-dashoffset实现“帅气的SVG路径描边动画效果”以及以后会介绍的mask属性等！

名字线条gif动画

而本文的clip-path也是其中一员，虽然才露尖尖角，相信以后会像路边的野花到处绽放，这里先抢个先机，简单介绍一下。

…

阅读详情 -> CSS3/SVG clip-path路径剪裁遮罩属性简介 « 张鑫旭-鑫空间-鑫生活.

下载级别 内容：
模板调用标记：

需要金币 内容：
模板调用标记：

课程难度 内容：
模板调用标记：

0,1,2,3

(责任编辑：admin)