您现在的位置： 365建站网 > 365文章 > 一个transform效果，兼容IE,FF,Chrome,Safari，不支持Opera

一个transform效果，兼容IE,FF,Chrome,Safari，不支持Opera

文章来源：365jz.com 点击数：524 更新时间：2009-10-12 09:39 参与评论

</>code
        pre {
        font-family:微软雅黑;
        width:420px;
        border:3px solid red;
        /*for IE*/
        filter : progid:DXImageTransform.Microsoft.
        Matrix(SizingMethod="auto expand",
        M11=1,M12=-0.4,M21=0.4,M22=1);
        /*for firefox*/
        -moz-transform:translate(100px) rotate(35deg);
        -moz-transform-origin:40% 100%;
        /*for chrome,safari*/
        -webkit-transform:translate(100px) rotate(35deg);
        -webkit-transform-origin:40% 100%;
        }