gpt4 book ai didi

html - html5 支持 吗?
转载 作者:行者123 更新时间:2023-12-01 13:22:48 25 4
gpt4 key购买 nike

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

最佳答案

你可以使用css关键帧制作跑马灯效果

 <div class="marquee">
<div>
<span>This is marquee text...done with css keyframes without using marquee tag</span>
<span>This is marquee text...done with css keyframes without using marquee tag</span>
</div>



body { margin: 20px; }

.marquee {
height: 25px;
width: 600px;

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%; }
}

关于html - html5 支持 <marquee> 吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49228198/

25 4 0