文章标签

我们现在已经完成了一系列关于 CSS 悬停效果的有趣方法的文章。我们从 使用 CSS background 属性的许多示例 开始，然后转向 text-shadow 属性，我们 实际上没有使用…

我最近遇到了一种很酷的效果，称为 玻璃质感，在 Dribbble 图片 中看到。我的第一个想法是，如果我用一些表情符号作为图标，我可以快速地重现它，而不会浪费时间在……

最近，我在寻找一些代码创意时，因为我完全没有艺术感，所以我唯一能做的就是找到其他人想出的漂亮东西，然后用干净和……

我不能说我经常使用 background-clip。我敢打赌，它在日常 CSS 工作中几乎从未使用过。但是，我在 Stefan Judis 的一篇帖子 中想起了它，巧合的是，这篇文章本身是对……

你知道你可以有 多个背景 吗？

body {
  background-image: 
    url(image-one.jpg),
    url(image-two.jpg);
}

那只是 background-image。你可以像预期的那样设置它们的位置。我们将使用简写

body {
  background: 
    url(image-one.jpg) no-repeat top right,
    url(image-two.jpg) 

background-clip 是我多年来一直知道的那些属性之一，但我很少使用。也许只是几次作为 Stack Overflow 问题的解决方案的一部分。直到去年，当我开始创建 我的庞大收藏…

background-clip 允许你控制背景图像或颜色在元素的填充或内容之外延伸多远。

.frame {
  background-clip: padding-box;
}

• border-box 是默认值。这允许背景延伸到