蒙版

一篇文章带你了解SVG 蒙版(Mask)

SVG蒙版功能可将蒙版应用于SVG形状。蒙版可确定SVG形状的哪些部分可见,以及具有什么透明度。运行效果可以将SVG蒙版视为剪切路径的更高级版本。 一、简单的蒙版 代码解析: 本示例使用ID=mask1定义一个蒙版。 元素内部是一个元素。元素定义了蒙版的形状。 定义了一个使用mask的元素,元素使用CSS style属性mask内部引用mask ID属性。...

CSS躬行记(8)——裁剪和遮罩

一、 裁剪 裁剪(clipping)能让元素显示指定形状的区域,在布局时可起点缀的作用,丰富了视觉呈现。注意,裁剪本质上只是让元素的部分区域透明,由此可知,裁剪完后元素所占的空间仍旧会保留。裁剪最早是在CSS 2.1时代由clip属性引入,但该属性只能应用于绝对定位的元素,并且只能裁剪成矩形。CSS3提供了强大的clip-path属性,突破了clip属性的...