3
429.main .content .foot .works .item img{
width:102px;
height:102px;
border-radius:50%;
opacity:0;
filter:alpha(opacity=0);
transition:all 0.5s linear;
-webkit-transition:all 0.5s linear;
-ms-transition:all 0.5s linear;
-moz-transition:all 0.5s linear;
-o-transition:all 0.5s linear;
}
var img=works.getElementsByTagName("img");
for(var i=0;i为什么没有办法实现图片的透明度过渡，而是直接显示了出来。
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
收藏
你这个并没有一个事件触发，页面渲染程序读到那时已经将代码执行了，opacity已经为1了，当然看不到过渡效果了
动画是需要触发的，直接设置的动画，在元素加载完成的时候就开始动了。
想要控制动画，一般有三种方法：
1、用WOW等js插件，当元素出现在可视范围的时候触发。
2、用:hover伪类设置动画
3、用js事件
你这可以把设置放到图片的load里嘛，等加载完成后再触发。