如何用纯css实现弹幕效果
展开全部
.icon-wh,.icon-wh2{
position:absolute;
right:0;
top:0;
width:102px;
height: 102px;
background:#f60;
-webkit-animation:translateX 10s ease-out infinite;
animation:translateX 10s ease-out infinite;
}
/*不同时间*/
.icon-wh2{
top: 100px;
width:62px;
height: 164px;
-webkit-animation:translateX 5s ease-out infinite;
animation:translateX 5s ease-out infinite;
}
@-webkit-keyframes translateX{
0%{ -webkit-transform: translate3d(0,0, 0);}
100%{-webkit-transform: translate3d(-1920px,100px,0);}
}
@keyframes translateX{
0%{ transform: translate3d(0, 0, 0);}
100%{transform: translate3d(-1920px,100px,0);}
}
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
