CSS是网页设计中不可或缺的一部分,它可以让我们实现各种各样的效果。今天我们来学习一下如何让一个方块在框里移动。 以下是我们所需要的HTML和CSS代码: <div class=&
<div class="container"> <div class="box"></div> </div> <br> <style> .container { width: 200px; height: 200px; background-color: #eee; position: relative; } <br> .box { width: 50px; height: 50px; background-color: #f00; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } </style>
.box { animation: move 3s linear infinite; } <br> @keyframes move { 0% { left: 0; } 50% { left: 150px; } 100% { left: 0; } }
粉丝
0
关注
0
收藏
0