Chrome DevTools 小贴士

16. 动画调试

2021-03-16  本文已影响0人  阿啦啦啦啦啦
easing-preview.gif
如图,点击ease-in前面的icon可以预览渐变效果哟

使用动画记录器记录过渡和动画

animation-recorder.gif

打开“动画记录器”后,将捕获所有过渡/动画,这意味着您可以方便地播放它们或在以后检查它们。

将鼠标悬停在矩形块上可以播放动画。
单击一个矩形块以检查动画。

动画检查器

animation-inspector.gif

补充

炫酷的动效能让老板分分钟给你加薪,因为它能让产品卖上价格,用户一看就是大制作,高端大气上档次,这才是前端的价值所在。

上一篇 下一篇

猜你喜欢

热点阅读