相关疑难解决方法(0)

在SVG组上设置transform-origin不在FireFox中工作

我有一个问题,让transform-origin在Firefox中运行(v.18 +,其他版本没有经过测试).Webkit浏览器按预期工作.

我试图将原点设置为群组的中心,但到目前为止我没有尝试过任何工作.

这是代码:

<!DOCTYPE html>
<html> 
    <head>
        <title>TEST</title>
        <style>
            #test{
                -webkit-transform-origin: 50% 50%;
                transform-origin: center center;

                -webkit-animation: prop 2s infinite;
                animation:         prop 2s infinite;
            }

            @-webkit-keyframes prop {
              0%    { -webkit-transform: scale(1,1);}
              20%   { -webkit-transform: scale(1,.8);}
              40%   { -webkit-transform: scale(1,.6);}
              50%   { -webkit-transform: scale(1,.4);}
              60%   { -webkit-transform: scale(1,.2);}
              70%   { -webkit-transform: scale(1,.4);}
              80%   { -webkit-transform: scale(1,.6);}
              90%   { -webkit-transform: scale(1,.8);}
              100%  { -webkit-transform: scale(1,1);}
            }

            @keyframes prop {
              0%    { transform: matrix(1, 0, 0, 1, 0, 0);}
              20%   { …

Run Code Online (Sandbox Code Playgroud)

html css svg transform css3

kev*_*ber

2013 05-15

25
推荐指数

4
解决办法

3万
查看次数