动态美女（火狐）-526互联

<html>

<head>
    <title>�䶯��̬ͼ</title>

    <style>
        div {
            width: 500px;
            height: 281px;
            border: 1px red solid;
            background-image: url(1.gif);
            background-size: 100% 100%;
            box-shadow: 30px 50px 50px #000;
            -o-transition: width 5s, box-shadow 5s, transform 5s, margin 5s, border 5s, border-radius 5s, height 5s;
            -webkit-transition: width 5s, box-shadow 5s, transform 5s, margin 5s, border 5s, border-radius 5s, height 5s;
            -moz-transition: width 5s, box-shadow 5s, transform 5s, margin 5s, border 5s, border-radius 5s, height 5s;
        }

        div:active {
            width: 1000px;
            height: 562px;
            border: 5px purple solid;
            box-shadow: 60px 80px 80px #101;
            -o-transform: rotate(360deg) rotateX(360deg) rotateY(360deg);
            -webkit-transform: rotate(360deg) rotateX(360deg) rotateY(360deg);
            -moz-transform: rotate(360deg) rotateX(360deg) rotateY(360deg);
            margin: 100px 100px;
            border-radius: 50px;
        }
    </style>

</head>

<body>
    <div></div>
</body>

</html>