万恶的广告幕布

最新推荐文章于 2024-09-14 18:46:05 发布

苍岚王

最新推荐文章于 2024-09-14 18:46:05 发布

阅读量121

点赞数 1

分类专栏： html

本文链接：https://blog.csdn.net/q2432315767/article/details/126503738

版权

CSS 动画关键帧右移网页广告

关键词由CSDN通过智能技术生成

html 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

上图

上代码

<!DOCTYPE html>
<html>
   <head>
       <meta charset="utf-8">
       <title></title>
   </head>
   <body>



       <div class="w">
           <div class="box">
               日进斗金的大广告日进斗金的大广告
               日进斗金的大广告
               日进斗金的大广告
               </div>
           </div>

       <style>
           .w{
               width: 800px;
               height: 100px;
               background-color: black;
               margin: 100px auto;
               overflow: hidden;
           }
           .box{
               height: 100px;
               position:relative;
               color: red;
               right: 525px;
               line-height: 100px;

           animation:   box 15s linear
               }
           @keyframes box {
           from {right: -800px;}
           to {right: 525px;}
           }

       </style>
          </body>
</html>