我在每个项目中都遇到了这个问题,我已经受够了在这一点上提问。
我想使用 css3 对事物进行淡入淡出动画,因为它与淡入淡出等相比有多好和流畅。
问题是,99% 的时间我都在淡化最初设置的东西display:none;
(意思是,刚opacity: 0
开始,然后opacity: 1
用 jQuery 改变它还不够好。
例如,对于我的拖放功能,我有一个绝对定位的 div: #dropzone
,这显然不能覆盖整个应用程序(但始终设置为零不透明度)。
如果我尝试添加$('#dropzone').show().css('opacity',1)
没有褪色。
当它完成时.show()
,它仍然设置为opacity 0
(我知道,因为如果我把它停在那里,什么都不会出现。它设置为display:block
with opacity: 0
)——它也已经有适当的 css3transition
属性,所以为什么它不会在时间之前设置动画它击中了.css()
?
这一直困扰着我,我很想解决这个问题或知道正确的方法。
谢谢
编辑添加的 jsfiddle