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

Articles

4275 篇文章
{
,

}
文章的直接链接 CSS 无限滑块翻转极光图片
carousel css 动画 图片 滑块 z-index

CSS 无限滑块翻转极光图片

在上一篇文章中,我们做了一个很酷的小滑块(或者如果你喜欢,可以称为“走马灯”),它以循环的方向旋转。这一次,我们将做一个翻转通过一堆极光图片的滑块……

2023 年 1 月 12 日
文章的直接链接 动画背景条纹在悬停时过渡
渐变 混合模式 多重背景 过渡

动画背景条纹在悬停时过渡

你多久会使用一次 CSS 的 background-size 属性?如果你跟我一样——可能还有很多其他前端人员——那么通常是在你 background-size: cover 一张图片来填充整个空间的时候……

2022 年 12 月 8 日
文章的直接链接 为 WordPress 块和元素添加边框阴影
WordPress WordPress 块 wordpress 主题

为 WordPress 块和元素添加边框阴影

CSS 的 box-shadow 和 outline 属性在 WordPress 6.1 中获得了 theme.json 支持。让我们看看它在真实主题中的几个示例,以及我们将这些样式应用于 WordPress 块和元素的选项。
2022 年 12 月 7 日
文章的直接链接 WWW 是否仍然属于 URL 中?
域名

WWW 是否仍然属于 URL 中?

多年来,在我们的地址栏中爆发了一场小小的“书呆子”战争。一方是像 Google、Instagram 和 Facebook 这样的品牌。这组人选择了将 example.com 重定向到 www.example.com。而在另一方:…

2022 年 12 月 14 日
文章的直接链接 CSS 无限循环旋转图像滑块
carousel css 动画 图片 遮罩 滑块

CSS 无限循环旋转图像滑块

图像滑块(也称为走马灯)无处不在。有 很多 CSS 技巧来创建常见的滑块,其中图片从左到右(或相反方向)滑动。这与 许多 JavaScript 库 的情况相同……

2023 年 1 月 12 日
文章的直接链接 深入探究容器样式查询
容器查询

深入探究容器样式查询

我之前写了一些关于 容器样式查询的早期想法。目前还处于早期阶段。它们已经在 CSS Containment 模块级别 3 规范(目前处于编辑草案状态)中定义,但仍有一些……

2024 年 5 月 22 日
文章的直接链接 在 WordPress 块主题中使用新的约束布局
WordPress wordpress 主题

在 WordPress 块主题中使用新的约束布局

WordPress 站点编辑器(没错,现在是 “官方”名称)的主要目标之一是将基本的块样式从 CSS 转移到结构化的 JSON。JSON 文件是机器可读的,这使得它可以被……

2022 年 11 月 30 日
文章的直接链接 不只是“在网站上涂抹油漆”
职位头衔

不只是“在网站上涂抹油漆”

我对所有关于前端职位头衔的内容都非常感兴趣。

Anselm Hannemann:

CSS 在不断发展,我们已经超越了每个人都可以把它作为兴趣爱好的阶段。我们都可以学习它,并用它构建令人惊叹的东西,

…
2022 年 11 月 29 日
文章的直接链接 关于老式 HTML 列表的最新知识
aria 定义列表 list-style-position 列表 标记 菜单

关于老式 HTML 列表的最新知识

HTML 列表很无聊。它们并不“做”很多事情,所以我们并没有真正考虑它们,尽管它们被广泛使用。而且我们仍然能够做我们一直在做的事情来定制它们,比如删除标记、反转……

2022 年 11 月 28 日
  • 更新
  • 1
  • ...
  • 6
  • 7
  • 8
  • ...
  • 475
  • 旧的

CSS-Tricks 由 DigitalOcean 提供支持。

关注 web 开发的最新动态

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

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

© 2024 . All rights reserved.