编写html代码一个从左向右滚动的圆圈
<!DOCTYPE html>
<html>
<head>
<title>Scrolling Circle</title>
<style>
.circle {
width: 50px;
height: 50px;
border-radius: 50%;
background-color: red;
position: absolute;
animation: scroll 5s linear infinite;
}
<pre><code> @keyframes scroll {
from { left: -50px; }
to { left: calc(100% + 50px); }
}
</style>
</code></pre>
</head>
<body>
<div class="circle"></div>
</body>
</html>
原文地址: https://www.cveoy.top/t/topic/fk3B 著作权归作者所有。请勿转载和采集!