在html5中是否支持<marquee>?

时间:2018-03-12 04:32:20

标签: html5 css3

Html 5 支持marquee元素吗?如果没有,我们怎么能通过 Css 3 编码来实现这种效果(设计)。我的意思是将文本一边滚动到另一边等等。 有些浏览器仍然支持marquee元素。但是当我谷歌时。有些网站说html 5不支持它。那么它在css 3中的替代选项是什么。

2 个答案:

答案 0 :(得分:2)

您可以使用css关键帧制作选框效果

.as-console-wrapper { max-height: 100% !important; top: 0; }

答案 1 :(得分:0)

来自MDN

HTML <marquee>元素用于插入文本的滚动区域。您可以控制文本使用其属性到达其内容区域边缘时发生的情况。

  

该元素已过时,不得使用。虽然有些浏览器仍然支持它,但它不是必需的。

CSS3中的

Marquee

body {
  margin: 20px;
}

.marquee {
  height: 25px;
  width: 420px;
  overflow: hidden;
  position: relative;
}

.marquee div {
  display: block;
  width: 200%;
  height: 30px;
  position: absolute;
  overflow: hidden;
  animation: marquee 5s linear infinite;
}

.marquee span {
  float: left;
  width: 50%;
}

@keyframes marquee {
  0% {
    left: 0;
  }
  100% {
    left: -100%;
  }
}
<div class="marquee">
  <div>
    <span>You spin me right round, baby. Like a record, baby.</span>
    <span>You spin me right round, baby. Like a record, baby.</span>
  </div>
</div>