1. <u id="epx8e"></u>
        <u id="epx8e"><sub id="epx8e"></sub></u>

        
        
        <video id="epx8e"><big id="epx8e"></big></video>

        <i id="epx8e"><bdo id="epx8e"><delect id="epx8e"></delect></bdo></i>
        0712-2888027 189-8648-0214
        微信公眾號

        孝感風信網絡科技有限公司微信公眾號

        當前位置:主頁 > 技術支持 > HTML5/CSS3 > HTML5+CSS3 animations動畫效果插件

        HTML5+CSS3 animations動畫效果插件

        時間:2024-05-23來源:風信官網 點擊: 976次
        HTML5+CSS3 animations動畫效果插件,有非常豐富的動畫顯示效果!

        網址:http://daneden.github.io/animate.css/

        以后制作html5+css3的動畫就變得非常簡單啦!

        CSS3文件下載地址: https://raw.github.com/daneden/animate.css/master/animate.css

        使用方法的說明:https://github.com/daneden/animate.css

        鏈接CSS文件:

        <head>
          <link rel="stylesheet" href="animate.min.css">
        </head>

        使用代碼:

        $('#yourElement').addClass('animated bounceOutLeft');

        $('#yourElement').one('webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend', doSomething);

        擴展使用方法:

        $.fn.extend({
            animateCss: function (animationName) {
                var animationEnd = 'webkitAnimationEnd mozAnimationEnd MSAnimationEnd oanimationend animationend';
                $(this).addClass('animated ' + animationName).one(animationEnd, function() {
                    $(this).removeClass('animated ' + animationName);
                });
            }
        });


        $('#yourElement').animateCss('bounce');

        #yourElement {
          -vendor-animation-duration: 3s;
          -vendor-animation-delay: 2s;
          -vendor-animation-iteration-count: infinite;
        }
        欄目列表
        推薦內容
        熱點內容
        展開
        亚洲AV无码乱码国产精品桃色_国产欧美亚洲精品第二区软件_精品亚洲AV无码国产一区在线_老熟妇乱子伦中文观看_日韩 欧美 亚洲 精品 少妇_日本按摩高潮A级中文字幕免费观看