1. 首页
  2. css

CSS33:剪裁和遮罩

剪辑和掩蔽的概念非常简单。隐藏元素的某些部分并显示其他部分。它们之间的实际区别也很简单。剪裁始终是矢量路径,路径内部可见,路径外部不可见。如果遮罩是图像,则将其视为灰度图像,其中黑色部分将图像遮罩为透明,白色部分让图像通过。
不过,实现剪裁和遮罩并不特别容易,因为浏览器对它的支持(以及所有的小细节)非常不同。我们试着在这段视频中经历所有的一切,挣扎等等。所有可能性的语法都是:
***0**
我们在这个视频中播放的一些演示内容都在这里和这里。
这里有一大堆关于它的资源:
– clip path here on The CSS Tricks Almanac

– clip and Masking in CSS
– clip path on WPD
– clip path on MDN
– clip path on MDNMDN上的蒙版(已弃用)CSS Clip属性(令人印象深刻的网页)Dirk Schulze的CSS蒙版和浏览器支持demo Pen by Yoksel的CSS蒙版作者:Jakob Jenkov,Alan Greenblatt关于浏览器对剪辑和掩蔽特性的支持水平的研究

CSS33:剪裁和遮罩 为WP2原创文章,链接:https://www.wp2.cn/css/css33%e5%89%aa%e8%a3%81%e5%92%8c%e9%81%ae%e7%bd%a9/