CSS模拟marquee效果

马黑黑

红影 发表于 2022-2-2 14:00
这个我从来没用过，不懂啊。

没接触过自然觉得陌生

红影

马黑黑 发表于 2022-2-2 14:31
定位和尺寸的问题而已，你已经有能力解决的

太高看我了，我基本上不自觉就犯迷糊的人

红影

马黑黑 发表于 2022-2-2 14:32
没接触过自然觉得陌生

嗯嗯，继续好好学习

马黑黑

红影 发表于 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 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那样，文字逐渐出来，有逐个走入不见。
其实就像在滚动的范围两则做了遮罩一样，两头的是看不见的，这样感觉就文字逐个出来，滚动后逐个消失了。

加林森

• 新春快乐

加林森

新春快乐

马黑黑

红影 发表于 2022-2-3 17:11
这个文字消失和出现有点突兀，想像marquee那样，文字逐渐出来，有逐个走入不见。
其实就像在滚动的范围 ...

你这是特殊场景下的特殊需求，你现在的能力已经可以做了

红影

马黑黑 发表于 2022-2-3 17:41
你这是特殊场景下的特殊需求，你现在的能力已经可以做了

我做不到呢，黑黑的淡入淡出一下子就解决了

马黑黑

红影 发表于 2022-2-4 14:20
我做不到呢，黑黑的淡入淡出一下子就解决了

知道原理就好做的

红影

马黑黑 发表于 2022-2-4 14:24
知道原理就好做的

看起来光是知道还不够，还需要知道怎样运用