CSS

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)