html简易魔方

<style>

        .box{

            width: 300px;

            height: 300px;

            margin: 200px auto;

            position: relative;

            transform-style: preserve-3d;

            transform:rotateX(-20deg) rotateY(20deg);

            font-size: 100px;

            text-align: center;

            line-height: 300px;

            animation: movee 10s linear infinite;

        }

        @keyframes movee{

            0%{

                transform:rotateX(-20deg) rotateY(20deg);

            }

            50%{

                transform:rotateX(-20deg) rotateY(380deg);

            }

            100%{

                transform:rotateX(-380deg) rotateY(380deg);

            }

        }

        .box>div{

            position: a