Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
CSS动画缩放在Firefox中工作,而不是在Chrome中_Css_Animation_Webkit_Transform_Scale - Fatal编程技术网

CSS动画缩放在Firefox中工作,而不是在Chrome中

CSS动画缩放在Firefox中工作,而不是在Chrome中,css,animation,webkit,transform,scale,Css,Animation,Webkit,Transform,Scale,决议: 我以前问过这个问题,但我不确定是否清楚。从那以后,我做了大量的故障排除,但都没有用。所以我一场接一场地回来,希望能得到一些帮助 使用JS,在docready上,我删除了隐藏图像的类,并添加了logoaim来设置运动中的对象 该物体应该同时具有scaleY(2)效应——渗出/滴落效应 您可以通过Firefox/Moz在JSFIDLE链接中看到正确的效果,但是它在Chrome/Webkit中不起作用。查看FF中的Firebug代码,'-moz动画:2s ease 2s normal none

决议:

我以前问过这个问题,但我不确定是否清楚。从那以后,我做了大量的故障排除,但都没有用。所以我一场接一场地回来,希望能得到一些帮助

  • 使用JS,在docready上,我删除了隐藏图像的类,并添加了logoaim来设置运动中的对象

  • 该物体应该同时具有scaleY(2)效应——渗出/滴落效应

  • 您可以通过Firefox/Moz在JSFIDLE链接中看到正确的效果,但是它在Chrome/Webkit中不起作用。查看FF中的Firebug代码,'-moz动画:2s ease 2s normal none 1 ooze'出现在'.logoAnim'的CSS中,但在Chrome的webkit版本中没有出现

    我错过什么了吗?css的结构/顺序在webkit中重要吗


    此问题已由DuoPixel解决:

    您没有指定
    -webkit动画的属性,只指定名称

    替换:
    -webkit动画名称:ooze

    使用:
    -webkit动画:ooze 2s轻松输入输出


    而且它会起作用。

    这一问题已由DuoPixel解决:

    您没有指定
    -webkit动画的属性,只指定名称

    替换:
    -webkit动画名称:ooze

    使用:
    -webkit动画:ooze 2s轻松输入输出


    它会起作用。

    你有markup/jsfiddle.net示例吗?好的-我正在尝试,但没有得到结果…缩放在两种浏览器中似乎都不起作用。请试试这个,注意在加载ImageInRob时会有延迟-相同的结果-在FF中工作,不在Chrome/Safari-webkit中。你有markup/JSFIDLE.net示例吗?好的-我正在尝试,但没有得到结果…缩放在两个浏览器中对我来说似乎都不起作用。请尝试使用此选项。请注意,在加载ImageInRob时会出现延迟-结果相同-在FF中有效,而不是在Chrome/Safari webkit中。