我正在尝试通过JavaScript将CSS3过渡应用于幻灯片时遇到一些重大问题.
基本上,JavaScript获取幻灯片中的所有幻灯片,并将CSS类应用于正确的元素以提供良好的动画效果,如果没有CSS3过渡支持,它将只应用样式而不进行过渡.
现在,我的'小'问题.所有工作都按预期工作,所有幻灯片都获得正确的样式,代码运行没有错误(到目前为止).但是指定的转换不起作用,即使应用了正确的样式.此外,当我通过检查器自己应用样式和过渡时,样式和过渡也会起作用.
由于我自己找不到合乎逻辑的解释,我以为有人可以回答这个问题,好吗？
我已经汇总了一个代码现在的例子:http: //g2f.nl/38rvma或者使用JSfiddle(没有图片):http://jsfiddle.net/5RgGV/1/
我正在尝试使用css3过渡来淡化元素的不透明度(http://www.w3schools.com/cssref/css3_pr_transition-duration.asp).
例如,我说:
-webkit-transition: opacity 2s ease-in-out;
有没有办法指定与2s不同的"返回原始状态"时间？
我想在2秒内降低不透明度,但是在0.5秒内恢复.
CSS3转换:*IN*和*OUT*(或从转换状态返回)的不同转换似乎可以实现此目的,但使用多个元素.有更好的方法吗？