CSS

作者: 西西_80ff | 来源:发表于2018-09-11 17:40 被阅读0次

    1.animation兼容:

    .btn {

                animation: bounce 2.1s 0.3s ease both infinite;

                -webkit-animation: bounce 2.1s 0.3s ease both infinite;

       }

            @keyframes bounce {

                0%, 100%, 20%, 50%, 80% {

                    -webkit-transform: translateY(0);

                }

                40% {

                    -webkit-transform: translateY(-16px);

                }

                60% {

                    -webkit-transform: translateY(-8px);

                }

            }

            @-webkit-keyframes bounce {

                0%, 100%, 20%, 50%, 80% {

                    -webkit-transform: translateY(0);

                }

                40% {

                    -webkit-transform: translateY(-16px);

                }

                60% {

                    -webkit-transform: translateY(-8px);

                }

            }

            @-moz-keyframes bounce {

                0%, 100%, 20%, 50%, 80% {

                    -webkit-transform: translateY(0);

                }

                40% {

                    -webkit-transform: translateY(-16px);

                }

                60% {

                    -webkit-transform: translateY(-8px);

                }

            }

    相关文章

      网友评论

          本文标题:CSS

          本文链接:https://www.haomeiwen.com/subject/vtougftx.html