红影 发表于 2022-2-2 14:00
这个我从来没用过，不懂啊。
没接触过自然觉得陌生
马黑黑 发表于 2022-2-2 14:31
定位和尺寸的问题而已，你已经有能力解决的
太高看我了，我基本上不自觉就犯迷糊的人{:4_173:}
马黑黑 发表于 2022-2-2 14:32
没接触过自然觉得陌生
嗯嗯，继续好好学习{:4_187:}
红影 发表于 2022-2-2 19:35
太高看我了，我基本上不自觉就犯迷糊的人
我一直搞不清楚，你说的或你们说的文字在按钮上面是什么意思
马黑黑 发表于 2022-2-2 20:15
我一直搞不清楚，你说的或你们说的文字在按钮上面是什么意思
定位的位置啊，歌名在按钮的图标上面点的位置滚动。
红影 发表于 2022-2-2 20:43
定位的位置啊，歌名在按钮的图标上面点的位置滚动。
是在它上面一行，还是就在它上面？
马黑黑 发表于 2022-2-2 09:20
可以，要处理一下位置与层级关系
这么麻烦啊
马黑黑 发表于 2022-2-2 21:25
是在它上面一行，还是就在它上面？
在它上面一行或者几行。差不多像七楼那种效果。只是7楼没弄出来文字一点点走到看不见。
红影 发表于 2022-2-3 14:35
在它上面一行或者几行。差不多像七楼那种效果。只是7楼没弄出来文字一点点走到看不见。
你把 <ul class="mqu"><li>新春快乐</li></ul> 当成是marquee来用就是
绿叶清舟 发表于 2022-2-3 13:33
这么麻烦啊
其实是我不理解你们的意思
<style>
.mqu {
position: relative;
width: 500px;
}
.mqu li {
position: absolute;
animation: marq 10s linear infinite alternate;
list-style-type: none;
}
@keyframes marq {
0% { left: 0px;}
100% { left: 400px; }
}
</style>
<ul class="mqu"><li>新春快乐</li></ul>
<style>
.mqu div {
position: absolute;
animation: marq 10s linear infinite alternate;
}
</style>
<div class="mqu"><div>新春快乐</div></div>
<style>
.mqu {
position: relative;
width: 500px;
}
.mqu div {
position: absolute;
animation: marq 10s linear infinite alternate;
}
@keyframes marq {
0% { left: 0px;}
100% { left: 400px; }
}
</style>
<div class="mqu"><div>新春快乐</div></div>
马黑黑 发表于 2022-2-3 16:14
你把 新春快乐 当成是marquee来用就是
这个文字消失和出现有点突兀，想像marquee那样，文字逐渐出来，有逐个走入不见。
其实就像在滚动的范围两则做了遮罩一样，两头的是看不见的，这样感觉就文字逐个出来，滚动后逐个消失了。
<ul class="mqu"><li>新春快乐</li></ul>
<style>
.mqu {
position: relative;
width: 500px;
}
.mqu div {
position: absolute;
animation: marq 10s linear infinite alternate;
}
@keyframes marq {
0% { left: 0px;}
100% { left: 400px; }
}
</style>
<div class="mqu"><div>新春快乐</div></div>
红影 发表于 2022-2-3 17:11
这个文字消失和出现有点突兀，想像marquee那样，文字逐渐出来，有逐个走入不见。
其实就像在滚动的范围 ...
你这是特殊场景下的特殊需求，你现在的能力已经可以做了
马黑黑 发表于 2022-2-3 17:41
你这是特殊场景下的特殊需求，你现在的能力已经可以做了
我做不到呢，黑黑的淡入淡出一下子就解决了{:4_187:}
红影 发表于 2022-2-4 14:20
我做不到呢，黑黑的淡入淡出一下子就解决了
知道原理就好做的
马黑黑 发表于 2022-2-4 14:24
知道原理就好做的
看起来光是知道还不够，还需要知道怎样运用{:4_204:}