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