有没有一种方法可以使该CSS动画在不依赖JavaScript的情况下不再笨拙?

时间:2019-05-31 04:19:26

标签: css css-animations

因此,我尝试根据该页面的类(在顶部菜单中选择一个类别来更改)来使此页面上的图像拼贴动画化以显示/消失和增长/缩小。动画的工作方式目前具有大部分想法,但似乎有很多笨拙之处-尤其是从“显示全部”屏幕转到具有较少图块的任何部分。

除了要根据显示/隐藏哪些图块添加CSS类之外,我想避免对任何动画使用javascript。

有没有一种方法可以使变换看起来很真实:scale();是与移动瓦片一起工作,而不是依靠改变瓦片的高度/宽度来使瓦片从顶部/左侧调整大小?

可在此处获得动画的演示版本:https://wolfandthunder.com/demo/israel_arias/v2/

0 个答案:

没有答案