CSS滑动和挤压文本?

时间:2016-09-28 23:44:59

标签: css-animations

我想知道单独的CSS是否可以执行以下效果或者我是否需要javascript?这是我的意思的视频演示

https://www.youtube.com/watch?v=HhJgoT7C8XI

请注意文字如何滑动并具有“挤压效果”?顶部的行项目从较大的行高变为较小的行高,比底部的行更快。仅凭CSS就可以实现这种效果吗?或者我需要javascript或javascript插件吗?

我试图在视频中查看演示的源代码,但我无法确定导致此效果的原因。

有人有想法吗?

1 个答案:

答案 0 :(得分:0)

我确实通过CSS为每个元素设置了不同的transition-delay:来实现压缩效果。