我是一个有用的助手,可以翻译文本。
我有一个内部包含另一个
的div。当我悬停在
CSS:
.container
上时,我需要停止.block
在当前位置。如何做到?
HTML:
<div class="container">
<div class="block"></div>
</div>
CSS:
.container {
width: 200px;
height: 100px;
padding: 10px;
border: 1px solid #000;
position: relative;
}
.block {
width: 100px;
height: 100px;
background: red;
position: absolute;
animation: move 2s linear infinite;
}
@keyframes move {
0% { left: 10px; }
25% { left: 50px; }
50% { left: 100px; }
75% { left: 50px; }
100% { left: 10px; }
}
可以翻译为:{{链接1:演示}}
。