加林森 发表于 2021-12-26 19:12
嗯嗯，我得继续学习了。
悠着点哈
马黑黑 发表于 2021-12-26 19:13
悠着点哈
嗯嗯，明白的。谢谢老黑！{:4_191:}
加林森 发表于 2021-12-26 19:17
嗯嗯，明白的。谢谢老黑！
{:4_190:}
马黑黑 发表于 2021-12-26 19:18
{:4_191:}
加林森 发表于 2021-12-26 19:20
干了
马黑黑 发表于 2021-12-26 19:21
干了
好的
加林森 发表于 2021-12-26 19:28
好的
{:5_108:}
马黑黑 发表于 2021-12-25 22:42
黑马晚上好~~{:4_187:}
杨柳青 发表于 2021-12-27 21:40
黑马晚上好~~
晚上好
在这个帖子里，学习一下文字如何滚动
<style type="text/css">
@keyframes rao {
from {left:600px;top:400px; } to { left:600px;top:223px; }
}
.dDiv {
width: 1080px;
height: 720px;
color: #faac58;
background: url('https://www.huachaowang.com/data/attachment/forum/202112/26/163602nqqxu1qh4uqhvhhw.jpg') no-repeat;
position: relative;
left: -242px;
top: 80px;
}
.s_img {
animation:rao 16s infinite alternate;
width:400px;
height:160px;
position:relative;
left:600px;
}
</style>
<div class="dDiv">
<div class="s_img">
<pre style="font-size:36px;">
移舟泊烟渚，
日暮客愁新。
野旷天低树，
江清月近人。
</pre>
</div>
</div>
借用一下黑黑的图片{:4_173:}
红影 发表于 2021-12-28 13:20
借用一下黑黑的图片
animation 加一个参数它就能 平滑上下移动：alternate
马黑黑 发表于 2021-12-28 20:11
animation 加一个参数它就能 平滑上下移动：alternate
我把那个拿掉了，先给看看是不是能模拟出以前的marquee标签的效果{:4_173:}
红影 发表于 2021-12-28 21:21
我把那个拿掉了，先给看看是不是能模拟出以前的marquee标签的效果
marquee也有来回移动的
马黑黑 发表于 2021-12-28 22:44
marquee也有来回移动的
嗯嗯，现在的这个更好啊。
本帖最后由 加林森 于 2021-12-29 16:19 编辑 <br /><br /><style type="text/css">
@keyframes iChange {
from { width: 23px; height:24px; } to { width:230px; height:249px; }
}
@-moz-keyframes iChange {
from { width: 23px; height:24px; } to { width:230px; height:249px; }
}
@-webkit-keyframes iChange {
from { width: 23px; height:24px; } to { width:230px; height:249px; }
}
@-o-keyframes iChange {
from { width: 23px; height:24px; } to { width:230px; height:249px; }
}
.s2b {
animation: iChange 5s infinite alternate;
-moz-animation: iChange 5s infinite alternate; /* Firefox */
-webkit-animation: iChange 5s infinite alternate; /* Safari 和 Chrome */
-o-animation: iChange 5s infinite alternate; /* Opera */
width:23px;
height:24px;
}
</style>
<img class="s2b" src="https://s4.ax1x.com/2021/12/19/Teg2t0.jpg" alt=""＜/img>
加林森 发表于 2021-12-29 16:16
本帖最后由 加林森 于 2021-12-29 16:19 编辑
@keyframes iChange {
{:4_190:}
红影 发表于 2021-12-29 16:08
嗯嗯，现在的这个更好啊。
还可以。最主要的问题是，HTML5不再提倡使用marquee，marquee是被抛弃的标签
马黑黑 发表于 2021-12-29 18:03
谢茶