gpt4 book ai didi

html - 我怎样才能使移动文本逐渐消失并重新出现而不是在动画结束时传送?

转载 作者:太空宇宙 更新时间:2023-11-04 15:49:51 26 4
gpt4 key购买 nike

<分区>

我有一些从右到左的滚动文本,它们会在动画结束时传送回原点,而我更希望它消失并出现在边缘。

.example1 {
height: 50px;
overflow: hidden;
position: relative;
}

.example1 h3 {
position: absolute;
width: 100%;
height: 100%;
margin: 0;
color: white;
line-height: 50px;
animation: example1 10s linear infinite;te
}

@keyframes example1 {
from {
margin-left: 60%;
width: 300%;
}
to {
margin-left: 35%;
width: 100%;
}
}

body {
background-color: black;
}
<div class="example1">
<h3>text</h3>
</div>

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com