慢下来CSS过渡/动画成＆QUOT;慢动作＆QUOT; [英] Slow down CSS transitions/animations into "slow motion"
问题描述
在Mac上，如果你持有的<大骨节病>移键，并涉及动画的动作，这会减慢动画。例如，持有<大骨节病>移并最小化的窗口。这种效果是在不同的地方所描述（例如的YouTube 时，<一href=\"http://apple.stackexchange.com/questions/108391/whats-the-benfit-of-using-shift-for-slow-animation-when-subing-windows\">Apple - StackExchange ，的非官方苹果博客）。
On a Mac, if you hold the Shift key and perform an action that involves animation, it will slow down the animation. For example, hold Shift and minimise a window. This effect is described in various places (e.g. YouTube, Apple - StackExchange, The Unofficial Apple Weblog).
这将是不错的CSS动画/过渡减缓以类似的方式。有没有一种方法（从简单的调整在CSS动画，持续时间值除外）实现这一目标？
It would be nice to slow down CSS animations/transitions in a similar way. Is there a way to achieve this (apart from simply tweaking the animation-duration value in the CSS)?
推荐答案
Chrome和Firefox开发者工具现在支持减缓多种动画的下降。
Chrome and Firefox developer tools now support slowing down of many kinds of animations.
Chrome浏览器
在DevTools的样式选项卡中，寻找开辟了动画检查的动画图标。更多信息：
In the 'Styles' tab of DevTools, look for an 'Animations' icon that opens up the Animations Inspector. More info:
- Chrome DevTools Animation Inspector
- New animation controls in Chrome Canary
火狐
- 查看<一个文档href=\"https://developer.mozilla.org/en-US/docs/Tools/Page_Inspector/How_to/Work_with_animations#Animation_inspector\"相对=nofollow>与动画工作
- See documentation on working with animations
这篇关于慢下来CSS过渡/动画成＆QUOT;慢动作＆QUOT;的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
