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

标签为
keyframes

16篇文章
{
,

}
指向文章“对角线条纹擦除动画”的直接链接
@property css动画 关键帧 重复渐变

对角线条纹擦除动画

前几天我在Apple Arcade上玩这款名为wurdweb的游戏。它是一款有趣的小游戏!一些小细节,比如在屏幕上走动的小形状人(但除此之外什么也不做),给了它很多...

Avatar of Chris Coyier
Chris Coyier 在 2021年11月30日
指向文章“在CSS中重现Apple Music Hits播放列表动画”的直接链接
动画 动画延迟 css动画 关键帧

在CSS中重现Apple Music Hits播放列表动画

Apple Music有一个“空间音频”功能,其中耳机中音乐的方向是根据设备的位置决定的。很难解释它有多么棒。但我不是来这里谈论这个的...

Avatar of Geoff Graham
Geoff Graham 在 2021年11月29日
指向文章“CSS动画入口的简便系统”的直接链接
动画 动画延迟 css动画 关键帧

CSS动画入口的简便系统

我喜欢一些小细节,这些细节让网站感觉不仅仅是一份静态文档。如果网页内容不仅仅是在页面加载时“出现”,而是弹出、滑动、淡入淡出或旋转到适当位置呢?这可能是一个...

Avatar of Neale Van Fleet
Neale Van Fleet 在 2021年11月29日
指向文章“内在排版是网页上文本样式的未来”的直接链接
关键帧 响应式 typetura 排版

内在排版是网页上文本样式的未来

多年来,我们设计文本的方式并没有太大变化。为了使事物更加灵活,已经出现了一些进步,例如布局,但在样式方面,大多数我们设计中的有限方面,例如文本,仍然相对没有变化。...

Avatar of Scott Kellum
Scott Kellum 在 2021年4月20日
指向文章“CSS switch-case条件”的直接链接
自定义属性 关键帧

CSS switch-case条件

除了@media查询的特定性质和一些使用CSS自定义属性的深层技巧之外,CSS还没有switch规则或条件if。让我们看看,如果我们...

Avatar of Yair Even Or
Yair Even Or 在 2021年2月17日
指向文章“如何使用CSS自定义属性播放和暂停CSS动画”的直接链接
动画 自定义属性 details/summary IntersectionObserver 关键帧

如何使用CSS自定义属性播放和暂停CSS动画

让我们看看CSS @keyframes 动画,特别是关于如何暂停以及其他控制方式。有一个专门用于此的CSS属性,它可以通过JavaScript控制,但是有很多细微之处需要...

Avatar of Mads Stoumann
Mads Stoumann 在 2021年1月21日
指向文章“在纯CSS中混合颜色”的直接链接
颜色 关键帧

在纯CSS中混合颜色

红色 + 蓝色 = 紫色… 对吧?

是否有某种方法可以在CSS中表达这一点?好吧,并不容易。有一个color-mix函数的提案草案,并且Chrome对它表现出一定程度的兴趣,但它似乎并不适合...

Avatar of Carter Li
Carter Li 在 2021年6月22日
指向文章“动画数字计数器”的直接链接
@property calc 内容 计数器 关键帧

动画数字计数器

数字动画,就像想象一个数字从1变为2,然后从2变为3,然后从3变为4,等等,在指定的时间内完成。就像一个计数器,除了由我们用于...

Avatar of Carter Li
Carter Li 在 2020年10月9日
指向文章“一种新的延迟关键帧动画的方式”的直接链接
动画 动画延迟 关键帧

一种新的延迟关键帧动画的方式

如果你曾经想在CSS @keyframes 动画的每次迭代之间添加一个暂停,你可能很沮丧地发现CSS中没有内置的方式来做到这一点。当然,我们可以延迟一组的开始...

Avatar of Eric Johnson
Eric Johnson 在 2020年6月2日
  • 1
  • 2
  • 较旧的

CSS-Tricks由DigitalOcean提供支持。

随时了解Web开发

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

DigitalOcean
  • 关于DO
  • Cloudways
  • 法律事项
  • 获得免费积分!
CSS-Tricks
  • 为我们写文章!
  • 与我们合作广告
  • 联系我们
社交媒体
  • RSS订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.