css图片上下浮动显示（动画源代码）

奥拓蛋/

已于 2023-02-01 11:06:54 修改

阅读量1.2k

点赞数

文章标签： css html 前端

于 2022-11-17 10:11:17 首次发布

本文链接：https://blog.csdn.net/gyz15731998001/article/details/127898605

版权

<!doctype html>
<html>
   <head>
       <meta charset="utf-8">
       <meta name="author" content="http://www.pipipi.net/" />
       <title>11</title>
       <style>
           * {
               padding: 0;
               margin: 0;
           }

           .demo {
               width: 160px;
               margin: 0px auto;
               animation: Updown 1s infinite alternate;
           }

           @keyframes Updown {
               from {
                   margin-top: 30px;
               }

               to {
                   margin-top: 10px;
               }
           }
       </style>
   </head>
   <body>
       <div class="demo">
           <img src="https://cdn.uviewui.com/uview/album/1.jpg" />
       </div>
   </body>
</html>