代码(css3向下箭头指引)

代码:

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            @-webkit-keyframes rightan{
                from {
                    bottom: 0%;
                    opacity: 0;
                } to {
                    bottom: 5%;
                    opacity: 1;
                }
            }
            .rightan{
                -webkit-animation: rightan 1s infinite;
                -webkit-animation-fill-mode: both;
            }
        </style>
    </head>
    <body>
    <div class="rightan">
        <img src="./img/huadong.png">
   </div>
</div>
</html>

图片资源

 

 

posted @ 2020-05-28 10:32  herry菌  阅读(1056)  评论(0编辑  收藏  举报