zoukankan      html  css  js  c++  java
  • Blogs添加横幅滚动条

    #1、定义CSS样式

    .box {
                 100%;
                margin: 0 auto;
                /* border: 0.2px solid gray;  */
                overflow: hidden;
            }
     
            .animate {
                padding-left: 20px;
                font-size: 12px;
                color: #000;
                display: inline-block;
                white-space: nowrap;
                animation: 240s wordsLoop linear infinite normal;
            }
     
            @keyframes wordsLoop {
                0% {
                    transform: translateX(200px);
                    -webkit-transform: translateX(200px);
                }
                100% {
                    transform: translateX(-100%);
                    -webkit-transform: translateX(-100%);
                }
            }
     
            @-webkit-keyframes wordsLoop {
                0% {
                    transform: translateX(200px);
                    -webkit-transform: translateX(200px);
                }
                100% {
                    transform: translateX(-100%);
                    -webkit-transform: translateX(-100%);
                }
            }

    #2、编写首页HTML代码

    <div class="box">
        <p class="animate">
           //这里填写滚动的内容
        </p>
    </div>
  • 相关阅读:
    AddParent
    AddChild
    贝塞尔曲线代码
    顶点纹理shader
    抽象方法与抽象类
    Application类
    布局组件
    C#单例和Unity单例
    Unity&UGUI
    Json解析
  • 原文地址:https://www.cnblogs.com/l75790/p/12842733.html
Copyright © 2011-2022 走看看