因此,我尝试根据该页面的类(在顶部菜单中选择一个类别来更改)来使此页面上的图像拼贴动画化以显示/消失和增长/缩小。动画的工作方式目前具有大部分想法,但似乎有很多笨拙之处-尤其是从“显示全部”屏幕转到具有较少图块的任何部分。
除了要根据显示/隐藏哪些图块添加CSS类之外,我想避免对任何动画使用javascript。
有没有一种方法可以使变换看起来很真实:scale();是与移动瓦片一起工作,而不是依靠改变瓦片的高度/宽度来使瓦片从顶部/左侧调整大小?
可在此处获得动画的演示版本:https://wolfandthunder.com/demo/israel_arias/v2/