纯Css文字上下滚动轮播

<div class="div1">

<div class="div2">

<p>111111111111111111111</p>

<p>211111111111111111111</p>

<p>311111111111111111111</p>

<p>411111111111111111111</p>

<p>511111111111111111111</p>

<p>611111111111111111111</p>

<p>711111111111111111111</p>

<p>2211111111111111111111</p>

<p>331111111111111111111</p>

<p>441111111111111111111</p>

<p>551111111111111111111</p>

<p>661111111111111111111</p>

<p>771111111111111111111</p>

<p>881111111111111111111</p>

<p>991111111111111111111</p>

<p>001111111111111111111</p>

</div>

</div>

.div1 {

width:200px;

height:200px;

overflow:hidden;

margin:auto;

position:relative;

}

@keyframes anis {

100% {

transform:translateY(-200px)

}

}img {

position:absolute;

}

.div2 {

animation:anis 10s linear infinite;

}

.div2:hover {

animation-play-state:paused;

}

 

作者:小屋
链接:http://www.rumenwu.com/operate/630.html
来源:入门屋
入门屋著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。部分内容复制其他平台,如有侵权请联系删除。

(16)
打赏 支付宝打赏 支付宝打赏 微信打赏 微信打赏
上一篇 2018-04-26 23:50
下一篇 2018-05-02 19:07

相关推荐

  • 如何从 0 到 1 搭建私域流量

    最近几年私域流量非常火爆,不少企业开始运营自己的私域流量,私域流量是属于成本比较低,转化率还不错的一种方式;并且跟用户可以产生密切的联系,更加深入用户群体;本文作者分享了关于如何从 0 到 1 搭建私域流量的经验,我们一起来看一下。 这是一篇私域流量运营的入门文章,本文主要内容是在介绍电商该如何搭建自己的私域流量。 01 私域流量的本质是什么 百度百科说: …

    2021-03-03
    6090
  • 计费相关词汇

    CPCCost Per Click,按点击收费 CPMCost Per Mille,千次广告收入,只要向足够量级的用户展示了广告主的内容,广告主就为此付费 CPTCost Per Time,按时长计费,即按展示时长收费,以固定价格买断一段时间内的广告位展示 CPDCostPer Download,按下载付费,按用户完成APP下载计费 GDGuaranteed…

    2020-07-02
    1.6K0
  • 被吹爆的私域到底是什么?

    关于私域流量运营的文章大家应该看过了很多,但有一个基本点是我们所忽略的:很多人对私域原点的认知是不清晰的。到底什么才是私域?私域为什么会产生价值?网上有各种各样的私域定义,今天本文作者从以下五个方面来阐述,帮助大家深刻建议对私域的认知。 一、私域的本质是流量 这是首当其冲要解释的一点,最重要的是对微信私域的认知。 村长之前也解释过,为什么要把那么多人导流到微…

    2021-03-03
    4880
  • 网页meta标签怎么写?常用的meta标签

    元数据(metadata)是关于数据的信息。 标签提供关于 HTML 文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。 典型的情况是,meta 元素被用于规定页面的描述、关键词、文档的作者、最后修改时间以及其他元数据。 标签始终位于 head 元素中。 元数据可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。 …

    2018-07-26
    1.9K0
  • 也许是第一次,小米发布了一款激动人心但还无法量产的手机

    无法量产的亮银版,价格据说10万元都搞不定。

    2017-04-19
    3.3K1
  • 为什么div css网页在Firefox浏览器中不能水平居中

    为什么div css网页在FF浏览器中不能水平居中呢?为什么在其它浏览器中网页居中,在火狐浏览器FF中网页不能布局居中解决方法。 FF下面设置容器的左右外补丁为auto就可以了。 在DIVCSS5网站中介绍过很多次网页布局居中的条件,也是为了最大限度兼容各大浏览器。 条件一:对body加 text-align:center内容居中; 条件二:对需要居中的最外…

    2018-03-15
    2.2K0