抖音 - 分享代码,大鱼海棠,片段滚动效果代码!

看到很多朋友留言想要代码,这边分析一个压缩包!


我的抖音号:157680338

blob.png

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>抖音玩着玩</title>
<style>
@keyFrames move{
0%{
transform: translateY(300px);
}
50%{
transform: translateY(150px);
}
100%{
transform: translateY(0px);
}
}
.text{
width: 300px;
height: 300px;
border: 2px solid #000;
margin: 50px auto;
overflow: hidden;
}
.text .toptext{
width: 300px;
height: 300px;
animation: move 15s linear infinite;
text-align: center;
}
.text p{
margin: 5px;
color: black;
font-size: 18px;
line-height: 30px;
}
</style>
</head>
<body>
<div class='text'>
<div class='toptext'>
<p>这短短的一生</p>
<p>我们最终都会失去</p>
<p>你不妨大胆一些</p>
<p>爱一个人</p>
<p>追一个梦</p>
<p>是的,不妨大胆一些!</p>
</div>
</div>
</body>
</html>

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

Powered By Z-BlogPHP 1.5.2 Zero

Wx:CYLrich8 QQ: 1396524517 Tel:021-80158007
陈云龙 © 2019 Some Rights Reserved 皖ICP备14008698号-6