<div id="q0ue2"></div>
  • <table id="q0ue2"></table>
  • <wbr id="q0ue2"></wbr>
    <div id="q0ue2"><acronym id="q0ue2"></acronym></div>
  • 咨詢電話:
    15628812133
    09
    2017/07

    css3實現上下浮動的效果

    發布時間:2017-07-09 19:20:54
    發布者:jiangbing
    瀏覽量:
    0

    不少前端開發者會用到css3特效,今天在做頁面時用到了一個上下浮動的效果,分享一下。

    
    
    
        
        Document
        
            div{
                background: #639;
                width: 235px;
                height: 216px;
                position: absolute;
                top: 300px;
                left: 300px;
            }
            /*nimation-delay:1s*/
            @keyframes arrow1{
                0%{transform: translateY(0);}
                100%{transform: translateY(20px);}
            }
     
            @-webkit-keyframes arrow1{
                0%{-webkit-transform: translateY(0);}
                100%{-webkit-transform: translateY(20px);}
            }
     
            .arrow{
                animation: arrow1 2s infinite;
                -webkit-animation: arrow1 2s infinite;
                animation-timing-function:ease-in-out;
                -webkit-animation-timing-function:ease-in-out;
                  
                -webkit-animation-direction:alternate;
                animation-direction:alternate;
            }
        
    
    
        
                 
    国产办公室秘书无码精品_AV无码天堂AV_A级毛片无码专区免费看
    <div id="q0ue2"></div>
  • <table id="q0ue2"></table>
  • <wbr id="q0ue2"></wbr>
    <div id="q0ue2"><acronym id="q0ue2"></acronym></div>
  • 通過以上代碼就能實現。

    演示地址:http://www.zhfgs.com/d/demo/fudong/

    關鍵詞:
    返回列表