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

文章标签
clip-path

40 篇文章
{
,

}
文章“带缺口的盒子”的直链
clip-path notch

带缺口的盒子

假设您正在尝试实现一种设计效果,其中元素的角被切掉。也许您是《太空堡垒卡拉狄加》的粉丝?或者您可能只是喜欢这种不寻常的效果,因为它避免看起来像……

Avatar of Chris Coyier
Chris Coyier 于 2018年3月13日
文章“使用 CSS Clip Path 创建交互式效果”的直链
clip-path SVG

使用 CSS Clip Path 创建交互式效果

您还记得小时候从杂志上剪下图片吗?您是否将它们粘贴到纸上以创建自己的拼贴画?这篇文章是关于使用 CSS 属性 clip-path 在网络上剪裁图像。我们将……

Avatar of Mikael Ainalem
Mikael Ainalem 于 2018年1月22日
文章“使用 CSS Clip Path 构建圆形导航”的直链
clip-path SVG

使用 CSS Clip Path 构建圆形导航

CSS 的 clip-path 属性 是 CSS 中最不被使用但最有趣的属性之一。它可以 与 CSS Shapes 结合使用 来创建有趣的布局,并且可以发挥到极致以创建一些……

Avatar of Sara Soueidan
Sara Soueidan 于 2017年3月23日
文章“clip-path”的直链
clip clip-path

clip-path

CSS 中的 clip-path 属性允许您指定要显示的元素的特定区域,其余部分将被隐藏(或“剪裁”)。

.clip-me {  
  
  /* Example: clip away the element from the top, right, bottom, and left 
…
Avatar of Sara Cope
Sara Cope 于 2020年11月27日
  • 较新
  • 1
  • ...
  • 3
  • 4
  • 5

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

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

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

© 2024 . All rights reserved.