html怎么让字从左向右滑动,CSS 文字从左到右滚动 (右进左出)

结构

CSS 文字从左到右滚动(所需要滚动的文字)

css样式

.divWrap{

width: 300px;//(宽度)

overflow: hidden;//(超出隐藏)

}

.div{

display: inline-block;

white-space: nowrap;

animation: 10s div linear infinite normal;

}

//根据自己情况调节,

@keyframes div {

//起始位置

0% {

transform: translateX(0px);

-webkit-transform: translateX(0px);

}

//终点位置

100% {

transform: translateX(100%);

-webkit-transform: translateX(100%);

}

}

原文链接:https://www.cnblogs.com/lijinxiao/p/13189328.html

本文来自网络,不代表手讯网立场。


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部