css一次过渡到多个元素[重复]

Posted

技术标签:

【中文标题】css一次过渡到多个元素[重复]【英文标题】:css transitions to multiple elements at once [duplicate] 【发布时间】:2020-05-25 07:45:18 【问题描述】:

我已经对 svg 元素应用了动画过渡

.taskElement>rect
    transition: 0.15s;
    transition-timing-function: ease;

但如果我想将同一动画过渡的一种样式应用于许多元素,如下所示:

.projectElement>rect .taskElement>rect
    transition: 0.15s;
    transition-timing-function: ease;

它不会起作用。

【问题讨论】:

【参考方案1】:

你需要通过,指定多个选择器,而不是空格:

.projectElement>rect, .taskElement>rect
    transition: 0.15s;
    transition-timing-function: ease;

【讨论】:

以上是关于css一次过渡到多个元素[重复]的主要内容,如果未能解决你的问题,请参考以下文章

CSS3 过渡不适用于显示属性 [重复]

多个属性的CSS转换[重复]

CSS从无显示过渡到显示块,使用subnav导航[重复]

CSS过渡不反向工作[重复]

如何使用 CSS 淡入新的 HTML 元素 [重复]

CSS过渡不适用于height属性[重复]