<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<div class="content">
<div class="judeges">
<div class="box"> 软件蛮好用的,只有一个缺点:贵。但贵不是它的缺点,是我的!</div>
<div class="box"> 反控功能不是很稳定,安卓和苹果都是</div>
<div class="box"> 老了,失去了折腾的心情。安卓手机要开的啥权限搞不懂。</div>
<div class="box"> 投屏太模糊了,别人是高清模式,你是高糊模式么?</div>
<div class="box"> 连接方式太复杂了,就和我前女友一样磨人。</div>
<div class="box"> 安装完了打开就闪退,可能是不想让我用吧。</div>
<div class="box"> 连接总是断,这就是拨号上网么,爱了爱了。</div>
<div class="box"> 刚连上又断开了,我奶奶的电话线都比这个牢靠。</div>
<div class="box"> 全屏这么宽的黑边的吗?可能投了个寂寞。</div>
<div class="box"> 原谅我有强迫症,不能忍受0.1秒的延迟。</div>
<div class="box"> 软件其实还可以,因为个人原因不需要了,原谅我这么渣。</div>
<div class="box"> iPad投屏画面变形,跪求开发做个人吧!赶紧修复好吗!</div>
<div class="box"> 全屏拉伸超级糊,我是拉了个寂寞吧?</div>
<div class="box"> 和我的电脑八字不合,各种闪退,终是无缘。</div>
<div class="box"> 更新以后不如以前好用了,忍痛卸载。</div>
<div class="box"> 断断连连断断,实在搞不清楚哪个权限没开,就不能开发一个傻瓜模式?</div>
<div class="box"> 通往投屏的路,总是在施(连)工(接)中。</div>
<div class="box"> 软件很好用,但网课结束了,暂时用不上了。来日方长,后会有期。</div>
<div class="box"> 现在投个屏都要这么贵了吗,好吧,是我不配。</div>
</div>
</div>
</body>
</html>
.content {
max-width: 1200px;
margin: 0 auto;
overflow: hidden;
}
.judeges {
display: flex;
width: max-content;
animation: 100s wordsLoop linear infinite normal;
}
.judeges .box {
margin-left: 80px;
text-align: left;
white-space: nowrap;
}
@keyframes wordsLoop {
0% {
transform: translateX(0);
}
100% {
transform: translateX(-70%);
}
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.