我不希望从JS触发CSS动画,而是相反。
如果我通过-webkit-transition或transition: all 1000ms类型样式表做CSS动画,有没有办法在转换完成后触发JS函数?
基本上,我一直在通过javascript制作动画,我想将其中的一些转换为CSS动画,但我需要在动画完成后触发javascript事件。
我目前有一个网站,它使用Animate.css on the frontpage ()。它目前的工作方式是,只要用户打开网站,动画就会启动,但这会导致动画“滞后”。我想要的是让它等到整个页面加载到css动画开始做他们的事情,从而使体验更加流畅。
我研究了几个基于js的预加载器,尝试了一些,但是它并没有延迟css动画。一旦页面加载完毕,css动画就已经完成。我是做错了什么,还是JS预加载器不是正确的方法?
我有一些CSS,当它不是动画时,它可以正常渲染,但在动画时,它不能正确渲染。某些本应发生的剪辑不是在动画过程中发生的,而是在动画完成后立即捕捉回来。
最后一帧是它设置动画后的外观。
只有当我按类(即$('[class="chatbubble"] :first'))选择元素时,才会发生这种情况。
如果我将一个id附加到div并通过$('#id')选择它,它会完美地产生动画效果。
这是我的动画代码:
function animate() {
var dom = $('[class="chatbubble"]
我在Jquery中有一个循环:
var fadeTime=500;
css_id=0;
$.each(my_array, function (i, d_U) {
css_id++;
an_v=d_U[1];
an_d=d_U[4];
do_c_function("id_344",true,true);
$("#box_"+css_id).fadeIn(fadeTime,function(){
//this stuff will happen once the fadein is complete
$("#box_"+css_i
我试图学习现代化(或如何使用它,我应该说),似乎是卡住了。
如果浏览器不支持CSS3动画,我想启动脚本
我已经将现代化设置为检查css动画,并且我有这个脚本(在页面底部):
if (Modernizr.cssanimations) {
//Script to Run
}
当我打开火狐(它支持CSS3动画)时,脚本会触发。当我打开IE (不支持CSS3动画)时,脚本不会触发。
我在这里出了什么问题?