文章标签

移动背景

我们通常将背景图片视为纹理或为可读内容提供对比度的元素——换句话说，并不是真正的内容。如果是内容，你可能会使用<img>，为了可访问性等等。

但是还有…

Saleh Mubashar 于 2023 年 2 月 9 日

在本系列中，我们将探讨加载器。更重要的是，我们将分解一些常见的加载器模式，以及如何用一个简单的 div 重新创建它们。到目前为止，我们已经拆解了经典的旋转加载器。现在，…

Temani Afif 于 2024 年 2 月 15 日

一段时间之前，Geoff 写了一篇关于酷炫悬停效果的文章。该效果依赖于 CSS 伪元素、变换和过渡的组合。许多评论表明，可以使用背景来实现相同的效果…

Temani Afif 于 2022 年 5 月 26 日

假设你想要在鼠标悬停时移动元素的background-position，为设计增添一些活力。你有这样的元素

<div class="module" id="module"></div>

然后你为它添加一个背景

.module

…

Chris Coyier 于 2018 年 10 月 4 日

假设你有一个带有background-image的元素，其中只有部分图片可见，因为图片比元素本身更大。其余部分被裁剪掉，位于元素之外。

现在你想要移动…

Jay Sitter 于 2018 年 11 月 30 日

CSS 中的background-position属性允许你移动背景图片（或渐变）在其容器内的位置。

html {
  background-position: 100px 5px; 
}

它有三种不同的值类型

…

Chris Coyier 于 2021 年 6 月 2 日