Question

我正在尝试更改http://3e6.864.myftpupload.com/处悬停效果的不透明度。我尝试在CSS中更改不透明度，但它似乎没有生效。

.isotope .isotope-item {
    filter: alpha(opacity=90);
    opacity: 0.9;
    -webkit-transition-property: -webkit-transform, opacity;
    -moz-transition-property: -moz-transform, opacity;
    -ms-transition-property: -ms-transform, opacity;
    -o-transition-property: -o-transform, opacity;
}

Answer 1

如果您尝试在元素悬停时尝试达到此效果，则需要使用CSS中的:hover选择器并设置transition属性：

.isotope .isotope-item:hover {
    filter: alpha(opacity=90);
    opacity: 0.9;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
}

Example fiddle

改变动画中的不透明度

1 个答案: