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

文章标签
flip

5 篇文章
{
,

}
文章的直接链接 响应式动画,适用于所有屏幕尺寸和设备
动画 画布 翻转 GSAP SVG 动画

响应式动画,适用于所有屏幕尺寸和设备

在我跳槽到开发之前,我在 After Effects 中做了很多动态图形工作。但即使有这种背景,我仍然觉得在网上做动画很令人费解。

视频图形是在特定比例中设计的,而且……

Avatar of Cassie Evans
Cassie Evans 于 2022 年 10 月 20 日
GSAP Flip plugin logo.
文章的直接链接 GSAP Flip 插件用于动画
动画 翻转 GreenSock

GSAP Flip 插件用于动画

Greensock 在 3.9 版本 中免费提供了 GSAP Flip 插件。FLIP 是一种动画概念,有助于制作超高性能的状态变化动画。Ryan Mulligan 有一篇不错的博文

FLIP 由 Paul Lewis 创造,是一种

……
Avatar of Chris Coyier
Chris Coyier 于 2022 年 2 月 15 日
文章的直接链接 在 React 中了解关于 FLIP 动画的全部内容
翻转 react 网页动画 API

在 React 中了解关于 FLIP 动画的全部内容

随着最近 Safari 的更新,网页动画 API (WAAPI) 现在在所有现代浏览器(除了 IE)中都得到了 支持,无需使用任何标志。 这里有一个 方便的 Pen,您可以在其中检查您的浏览器支持哪些功能。WAAPI 是一种很好的……

Avatar of Kirill Vasiltsov
Kirill Vasiltsov 于 2020 年 6 月 16 日
文章的直接链接 使用 FLIP 技术为布局添加动画
动画 翻转 JavaScript waapi

使用 FLIP 技术为布局添加动画

当用户界面直观且易于用户理解时,它最有效。动画在其中起着重要作用 - 正如 Nick Babich 所说,动画让用户界面栩栩如生。但是,添加有意义的过渡和微交互……

Avatar of David Khourshid
David Khourshid 于 2020 年 3 月 30 日
文章的直接链接 翻转图像
翻转 转换

翻转图像

您可以使用 CSS 翻转图像!可能的情况:只使用一个图形来表示“箭头”,但将其翻转以指向不同的方向。

.flip-horizontally {
  transform: scaleX(-1);
}

请查看此处如何使用一个箭头指向两个方向:……

Avatar of Chris Coyier
Chris Coyier 于 2020 年 2 月 6 日

CSS-Tricks 由 DigitalOcean 提供支持。

了解最新的网页开发资讯

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

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

© 2024 . All rights reserved.