server/aspnetapp/wwwroot/lib/css3transform/index.html

这里只显示每个文件的开头 60 行。登录后可以解锁完整代码。

微信扫码关注公众号，代码整理好后第一时间通知你。

<!DOCTYPE html>
<html>

<head>
    <title>css3transform - Made css3 transform super easy</title>
    <link href="asset/index.css" rel="stylesheet" />
</head>

<body>
    <h1 id="title" style="width:300px;">css3transform</h1>
    <p class="dir">Made css3 transform super easy.</p>
    <p>Supported properties(get and set): translateX, translateY, translateZ, scaleX, scaleY, scaleZ, rotateX, rotateY,
        rotateZ, skewX, skewY, originX, originY, originZ</p>
    <h2>Examples</h2>

    <a href="https://github.com/Tencent/omi/tree/master/packages/omi-transform/css3transform" target="_blank" style="position: absolute; right: 0; top: 0;">
        <img src="//alloyteam.github.io/github.png" alt="" />
    </a>

    <div id="examples">
        <div id="example-1" class="example">
            <h3>rotateZ</h3>
            <p>Set <em>rotateZ</em> to <em>45deg</em>.</p>
            <div class="panel">
                <div class="sandbox">
                    <div class="box small" id="test1">transform</div>
                </div>
                <pre class="source">
          <code>
    var element1 = document.querySelector("#test1");
    Transform(element1);
    element1.rotateZ = 45;</code></pre>
            </div>
        </div>

        <div class="example">
            <h3>rotating animation</h3>
            <p>animate the the <em>rotateY</em> property.</p>
            <div class="panel">
                <div class="sandbox">
                    <div class="box small" id="test2">transform</div>
                </div>
                <pre class="source">
          <code>
    var element2 = document.querySelector("#test2");
    Transform(element2);

    tick(function () {
        element2.rotateY++;
    });</code></pre>
            </div>
        </div>


        <div class="example">
            <h3>not perspective</h3>
            <p>using orthogonal projection if second argument is ture.</p>
            <div class="panel">
                <div class="sandbox">
                    <div class="box small" id="test3">transform</div>