跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
clipping vs masking

4 篇文章
{
,

}
文章“剪裁”的直链
裁剪与蒙版 SVG

剪裁

Ahmad Shadeed 前几天深入研究了形状“剪裁”。想象一个形状,其中刻出了另一个较小的形状。Ahmad 以其典型的全面方式很好地阐述了这种情况——考察了使事情复杂化的棘手情况。……

Avatar of Chris Coyier
Chris Coyier 于 2021年8月16日
文章“clipPath 与 mask”的直链
clip-path 裁剪与蒙版 mask

clipPath 与 mask

这些东西非常相似,我发现很难记住它们。这是一个来自 viewBox 的很好的简短解释(多么酷的名字和URL,我希望他们能一直保持下去)。

最重要的是,clipPath……

Avatar of Chris Coyier
Chris Coyier 于 2020年12月27日
文章“使用 CSS Clip Path 创建交互式效果,第二部分”的直链
clip-path 裁剪与蒙版 mask SVG

使用 CSS Clip Path 创建交互式效果,第二部分

这是我对之前关于剪辑路径的文章的后续。上次,我们深入研究了剪辑的基础知识以及如何入门。我们查看了一些示例,以说明我们可以用…

Avatar of Mikael Ainalem
Mikael Ainalem 于 2018年8月24日
文章“蒙版与裁剪:何时使用每个”的直链
clip 裁剪与蒙版 mask

蒙版与裁剪:何时使用每个

我最近在做一些客户工作,其中我在 SVG 中使用了<clippath></clippath>和<mask></mask>来隐藏和显示动画内容。当我开始这个项目时,我以为我知道所有使用…的原因。

Avatar of Sarah Drasner
Sarah Drasner 于 2017年6月7日

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

通过我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律信息
  • 获取免费积分!
CSS-Tricks
  • 为我们撰写文章!
  • 与我们合作广告
  • 联系我们
社交
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.