我有一个场景,需要沿着曲线路径动画运动一个球。我不知道如何使用 css3
来实现这个功能。我知道没有 path
这种动画类型。
是否有一种方法可以在弯曲的背景上动画运动一个球。
这里是 演示链接
我的代码:
div.path {
background:url(https://dl.dropboxusercontent.com/u/10268257/images/path.png) no-repeat center bottom;
width:397px;
height:66px;
position: relative;
}
div.ball {
background : green;
width:20px; height:20px;
border-radius:50%;
}
<div class="container">
<div class="path">
<div class="ball"></div>
</div>
</div>