纯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

相关推荐

  • 流量相关词汇

    PVPage View,浏览量,在一个统计周期内,浏览页面的数之和 UVUnique Visitor,访客数,在一个统计周期内,访问网站的人数之和 VVVideo View,视频播放数,在一个统计周期内,视频被打开的次数之和 CVContent Views,内容播放数,在一个统计周期内,视频被打开,且视频正片内容(除广告)被成功播放的次数之和 DAUDail…

    2020-07-02
    1.1K0
  • 抖音 VS 快手:品牌自播实用方法论

    2021年,直播电商的关键词,从“红人带货”秒变为“品牌自播”,这其中,有平台的推动,有品牌的自觉,有服务商等第三方机构的助力,也有标杆品牌的示范和引导作用。 当在新流量平台自播成为了品牌必考题,且通过自播实现月销千万甚至过亿的品牌案例不断增加,我们有必要再来做个简单复盘:在抖音、快手,玩儿得好的自播品牌,到底都掌握了什么样的运营秘笈? 一、抖音:精细化流量…

    2021-04-20
    1.4K0
  • 如何利用私域流量促进产品成交?

    这篇文章从私域流量出发,围绕如何搭建私域流量池,朋友圈种草以及快闪群成交,分析了。推荐给对这方面有兴趣的小伙伴们。 一、搭建私域流量池 掌握一个思维——低成本吸引精准客户。 给大家介绍私域流量营销导图,在经营客户的时候,我们必须要有个渠道,如果门店开在商场,商场就是我们的公域流量或者说是渠道,比如我们线上的淘宝、微博、抖音等自媒体平台,只是大家没发现这个流量…

    2020-03-16
    2.1K0
  • 喜马拉雅的引流策略

    萝卜青菜,各有所爱。 有人喜欢奶头乐的短视频,有人喜欢泛知识的图文,也有人喜欢听书做乐。 喜马拉雅,一个被选择性忽略掉的引流渠道。 为什么会被忽略?因为喜马拉雅短期内做不出效果。 大家都喜欢快的,喜欢短的,偏向短平快的引流方式。 其实喜马拉雅这个平台的流量不少,粉丝垂直且付费意识强。 秀才认识一个朋友,在喜马拉雅讲了一年的音频,流量从0到每天能加几十个,一年…

    2021-02-20
    7430
  • 纯Css Tab选项卡

    很多人对于js比较无奈,在网上下载的效果,调试过程中总会遇到一些问题,所以很多人渴望有css能实现简单的tab选项卡的效果,下面分享给大家的就是纯css,比较实用,希望能帮到大家。

    2018-06-20
    2.9K0
  • 微信、B站、抖音、快手、小红书等7大平台玩法详解,一文读懂!

    前有微信、微博老牌霸主,后有抖音、快手、B站等群雄逐鹿,随着众多社交媒体平台的崛起,许多品牌的营销动作也开始向这些平台迁移。 但如何选择平台,并根据平台优势选择对应的营销策略,对于当下许多品牌来讲,却是个棘手的问题。 为此,馒头商学院邀请了艾加营销北京事业部副总经理范小杰,为馒头的用户做了一场关于《全域流量运营—破解后流量时代营销增长力》的直播分享。 范小杰…

    2020-11-12
    1.6K0