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

文章标签
transition-delay

2 篇文章
{
,

}
文章 "Staggered CSS Transitions" 的直接链接
hover nth-child Sass transition-delay

交错的 CSS 过渡

假设你想移动一个元素 在 :hover 上 以获得有趣的视觉效果。

@media (hover: hover) {
  .list--item {
    transition: 0.1s;
    transform: translateY(10px);
  }
  .list--item:hover,
  .list--item:focus {
    transform: translateY(0);
  }
}

很好。但如果…

Avatar of Chris Coyier
Chris Coyier 于 2019 年 8 月 14 日 发布
文章 "transition-delay" 的直接链接
animation transition-delay transitions

transition-delay

transition-delay 属性通常用作 transition 简写的一部分,用于定义延迟过渡开始的时间长度。

.delay-me {
  transition-delay: 0.25s;
}

值可以是以下之一:

  • 一个有效的
…
Avatar of Louis Lazaris
Louis Lazaris 于 2019 年 8 月 12 日 发布

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

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

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

© 2024 . All rights reserved.