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

Articles

4275 篇文章
{
,

}
文章“滚动时从实心文本变为镂空文本”的直接链接
裁剪 固定定位 排版

滚动时从实心文本变为镂空文本

这是一个向朋友展示的有趣的 CSS 技巧:一个大型标题,当其背后的背景图像滚动到位时,会从实心颜色切换到镂空文本。我们可以使用普通的 HTML 和……

2021 年 2 月 3 日
文章“网络不仅仅用于文档查看”的直接链接
观点

网络不仅仅用于文档查看

我周末浏览了 Ken Kocienda 的一条推文

“水不湿”——站在海里的男人报告道。 https://#/5oUUdWARTU

— Chris Coyier (@chriscoyier) 2021 年 1 月 31 日

我不认识 Ken,所以有点不好意思这么苛刻……

2021 年 2 月 2 日
文章“我今天看到了两个超级菜单……”的直接链接
导航

我今天看到了两个超级菜单……

一个是(较旧的)美国政府网站的页脚。另一个是 AWS 控制台中的 AWS 服务导航。
2021 年 2 月 2 日
文章“在 Vue 中动态切换 HTML 元素”的直接链接
Vue Vue 组件

在 Vue 中动态切换 HTML 元素

一位朋友曾经联系我,问我是否有办法在 Vue 的模板块中动态地将一个 HTML 元素更改为另一个。例如,根据某些条件将 <div> 元素切换到 <span> 元素。诀窍在于……

2021 年 2 月 2 日
文章“可取消的”平滑滚动”的直接链接
scroll-behavior 滚动

“可取消的”平滑滚动

情况是这样的:您的网站提供了一个“滚动回顶部”按钮,并且您已实现了平滑滚动。当页面滚动回顶部时,用户看到了一些吸引他们的东西,并且他们想要停止滚动,因此……

2021 年 2 月 1 日
文章“Figma 速成课程”的直接链接
设计工具 Figma

Figma 速成课程

完全免费的课程,来自 Pablo Stanley。无可挑剔。

Figma 正在迅速发展,并且有充分的理由。这是一个优秀的软件,符合数字设计师的需求。它速度很快。它在网络上,所以你不会丢失任何东西,并且……

2021 年 2 月 1 日
文章“无卡顿 CSS 条纹”的直接链接
渐变 重复渐变

无卡顿 CSS 条纹

当我想到在 CSS 中创建条纹时,我的脑海中立即浮现出repeating-linear-gradient和硬停止渐变。您可以使用两个颜色停止之间相同的颜色创建一个条纹,并使用不同的颜色创建另一个(或更多)条纹……

2021 年 2 月 1 日
文章“样式化 Web Components”的直接链接
Web Components

样式化 Web Components

Nolan Lawson 有一个非常方便且非常易于使用的emoji-picker-element。但考虑到您可能将其用于您自己的应用程序中,它应该是可样式化的,以便可以很好地集成到任何地方。如何允许……

2021 年 12 月 28 日
文章“GreenSock ScrollTrigger”的直接链接
GSAP

GreenSock ScrollTrigger

向Greensock团队为ScrollTrigger的发布点赞。此新插件的目的是在页面滚动到特定位置时触发动画,以及当某些元素位于视口中时触发动画。任何您想要配置的内容……

2021 年 1 月 28 日
  • 更新
  • 1
  • ...
  • 82
  • 83
  • 84
  • ...
  • 475
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

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

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

© 2024 . All rights reserved.