我目前正在此处设置延迟:
.isotope .isotope-item {
-webkit-transition-property: left, top, opacity;
-moz-transition-property: left, top, opacity;
-ms-transition-property: left, top, opacity;
-o-transition-property: left, top, opacity;
transition-property: left, top, opacity;
-webkit-transition-delay: 0s, 0.8s, 0s;
-moz-transition-delay: 0s, 0.8s, 0s;
-ms-transition-delay: 0s, 0.8s, 0s;
-o-transition-delay: 0s, 0.8s, 0s;
transition-delay: 0s, 0.8s, 0s;
}
我在 jQuery 中有一个条件语句,需要能够像这样更改我的延迟:
.isotope .isotope-item {
-webkit-transition-delay: 2s, 0.8s, 0s;
-moz-transition-delay: 2s, 0.8s, 0s;
-ms-transition-delay: 2s, 0.8s, 0s;
-o-transition-delay: 2s, 0.8s, 0s;
transition-delay: 2s, 0.8s, 0s;
}
有什么想法可以实现吗?或者有其他解决方案来解决这个问题吗?
最佳答案
根据您的情况,向需要较长延迟的元素添加另一个类,例如 foo
,然后将第二个样式更改为:
.isotope .isotope-item.foo {
-webkit-transition-delay: 2s, 0.8s, 0s;
-moz-transition-delay: 2s, 0.8s, 0s;
-ms-transition-delay: 2s, 0.8s, 0s;
-o-transition-delay: 2s, 0.8s, 0s;
transition-delay: 2s, 0.8s, 0s;
}
较高的特异性将确保这些元素获得较长的延迟时间。
关于jquery - 使用 jquery 更改 -webkit-transition-delay,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10745666/