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

Articles

4275 篇文章
{
,

}
指向文章“使用可选自定义属性值的 CSS 多值属性”的直接链接
自定义属性

使用可选自定义属性值的 CSS 多值属性

假设你有一个带有 CSS 多值属性的元素,例如 transform:可选自定义属性值

.el {
  transform: translate(100px) scale(1.5) skew(5deg);
}

现在假设你并不总是希望应用所有 transform 值,所以一些……

2022年2月14日
指向文章“4 个新的 CSS 颜色功能速览”的直接链接
颜色 color() display-p3 hsl hwb lab lch rgba

4 个新的 CSS 颜色功能速览

我刚刚在我的“自 CSS3 以来有哪些新功能?”文章中写到了 CSS 颜色最近和未来可能的变化。这有点奇怪,变化太多了。定义颜色的新方法和即将出现的方法与……

2022年2月11日
指向文章“开始开发 Next.js Chrome 扩展程序的实用技巧”的直接链接
浏览器扩展 next.js

开始开发 Next.js Chrome 扩展程序的实用技巧

我最近重写了我的一个项目——Twitter 最小主题——作为一个 Next.js Chrome 扩展程序,因为我想在弹出窗口中使用 React。使用 React 可以让我清晰地分离扩展程序的弹出窗口组件和……

2022年2月10日
指向文章“用于“实时描摹”栅格图像的 SVG 代码”的直接链接
生成器 illustrator SVG

用于“实时描摹”栅格图像的 SVG 代码

假设你有一个位图图形——比如 JPG、PNG 或 GIF——并且你希望它是矢量图,比如 SVG。你该怎么办?你可以在某种设计软件中自己描摹它。或者在……

2022年2月9日
指向文章“如何制作 CSS 斜角容器”的直接链接
布局 转换

如何制作 CSS 斜角容器

我正在更新我的作品集,并且希望使用正斜杠 (/) 作为网站主要布局的视觉元素。我以前从未尝试过在 CSS 中创建斜角容器,但它似乎……

2022年2月9日
指向文章“无动画并不总是 prefers-reduced-motion”的直接链接
css 动画 prefers-reduced-motion

无动画并不总是 prefers-reduced-motion

在讨论媒体查询 prefers-reduced-motion 时,我总是看到一段代码片段。它如下所示

@media (prefers-reduced-motion: reduce) {
  * {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  
……
2022年2月8日
指向文章“用新的 HTML 对话框元素替换 JavaScript 对话框”的直接链接
对话框 模态框

用新的 HTML 对话框元素替换 JavaScript 对话框

你知道 JavaScript 对话框可以用于提醒、确认和提示用户操作吗?假设你希望用新的 HTML 对话框元素替换 JavaScript 对话框……

2022年2月14日
指向文章“支持实时编码的 CSS 滚动捕捉幻灯片”的直接链接
公开演讲 滚动捕捉

支持实时编码的 CSS 滚动捕捉幻灯片

虚拟会议改变了演示者向观众传递内容的方式。在现场活动中,你可能只需要使用你的笔记本电脑,但在家里,你可能有多台显示器,因此……

2022年2月7日
指向文章“WordPress 块主题深度介绍”的直接链接
WordPress WordPress 块 WordPress 主题

WordPress 块主题深度介绍

相对较新的WordPress 编辑器,也称为WordPress 块编辑器,一直通过Gutenberg插件不断开发,自 2018 年起一直与我们同在。你可以在任何 WordPress 主题上使用块编辑器,前提是该主题……

2022年2月18日
  • 更新
  • 1
  • ...
  • 23
  • 24
  • 25
  • ...
  • 475
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

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

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

© 2024 . All rights reserved.