问:UIkit CSS框架(3.x版本)如何制作单行文字向上滚动的效果?

答:代码如下:

<section>
<div class="uk-container">
<div class="uk-padding-small uk-flex uk-flex-between uk-flex-middle vw-border-1 uk-margin-small-top">
<div>滚动新闻:</div>
<div class="uk-width-expand uk-margin-left" uk-slideshow="animation:fade;autoplay:true;autoplay-interval:3000;pause-on-hover:false;easing:linear;velocity:5;draggable:false;max-height:24">
<ul class="uk-slideshow-items uk-child-width-1-1">
<li class="uk-text-truncate"><a href="" class="uk-link-muted"><div uk-slideshow-parallax="y: 50,0,-50">我是文字向上1<span class="uk-margin-left uk-visible@s">2020-1-10</span></div></a></li>
<li class="uk-text-truncate"><a href="" class="uk-link-muted"><div uk-slideshow-parallax="y: 50,0,-50">我是文字向上2<span class="uk-margin-left uk-visible@s">2020-1-10</span></div></a></li>
</ul>
</div>
<a href="" class="uk-button uk-button-default uk-button-small uk-visible@s">More+</a>
</div>
</div>
</section>