pr如何让滚动字幕停留三秒
在pr(公关)中,滚动字幕是一种常见的展示方式,可以吸引人们的注意力并传达信息。有时候,我们希望字幕在滚动过程中停留一段时间,给观众足够的时间阅读和理解。下面将介绍两种方法来实现这个效果。
方法一:使用javascript
1.在html文件中,找到滚动字幕的代码段。一般情况下,会使用
2.在
marquee{
animation:pause3slinear;
}
@keyframespause{
0%,100%{
animation-timing-function:steps(1);
}
50%{
animation-timing-function:steps(50);
}
}
3.保存html文件并重新加载页面,你会发现滚动字幕会在每次滚动到中心位置时停留三秒钟。
方法二:使用css动画
1.在css文件中,找到滚动字幕的选择器,并添加以下属性:
.scrolling-text{
animation:pause3sinfinite;
}
@keyframespause{
0%,100%{
transform:translatex(0);
}
50%{
transform:translatex(calc(50vw-150px));
}
}
2.在html文件中,找到滚动字幕的元素,并为它添加一个class,例如:
这是滚动字幕的内容
3.保存css文件和html文件,并重新加载页面,你会看到滚动字幕会在滚动到一半的位置停留三秒钟。
以上是通过调整代码来实现让滚动字幕停留三秒的两种方法。可以根据具体情况选择合适的方法来实现效果。希望本文能帮助到你!
原文标题:pr怎么让滚动字幕停留三秒,如若转载,请注明出处:https://www.ztd005.com/tag/1583.html
免责声明:此资讯系转载自合作媒体或互联网其它网站,「志腾达」登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述,文章内容仅供参考。