纯DOM+CSS3实现简单的小风车动画

                box-shadow: 0.1rem 0.1rem 1rem rgba(64, 56, 56, .35) inset, 0.2rem 0.2rem 0.05rem rgba(0, 0, 0, .65);   

    }   

    .leaf1 {   

        border: 0.05rem solid #D1A23A;   

        -webkit-transform: rotate(0deg) translate(0);   

                transform: rotate(0deg) translate(0);   

        background-color: rgba(230, 0, 100, 5);   

        background: -webkit-gradient(linear, left top, left bottom, from(#D02CE4), to(#f5f5f5));   

        background: -webkit-linear-gradient(top, #D02CE4, #f5f5f5);   

        background: linear-gradient(180deg, #D02CE4, #f5f5f5);   

        -webkit-transition: background 2s linear;   

        transition: background 2s linear;   

    }   

    .leaf2 {   

        border: 0.05rem solid #49D13A;   

        background-color: rgba(230, 0, 150, 5);   

        -webkit-transform: rotate(-180deg) translate(0);   

                transform: rotate(-180deg) translate(0);   

（编辑：PHP编程网 - 黄冈站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!