CSS transition
可用于在CSS属性更改时触发该属性的动画。CSS animation
可用于同时动画显示多个属性。
有没有一种方法可以将它们组合起来,这样当某个CSS属性更改时,它不仅会触发自身的animation
,还会触发其他属性的animation
?
我的具体用例如下:我有一堆小图像,我把它们组合成一个大图像,我使用object-position
来显示它的各个部分。我想创建一个CSS动画,这样当我更改object-position
时,图像的opacity
将首先变为0%,然后object-position
将更改,然后opacity
将返回到100%。我可以很容易地将其表示为animation
,但我不知道如何从object-position
更改触发它。
1条答案
按热度按时间fnvucqvd1#
css里真的没有这样的方法
你能做的就是用JS分配类来触发那些动画。为了这样做,你需要创建一个'DOMAttrModified'事件监听器