Question

css3 手机动画 圆形图片 随着手指旋转？

css3 手机动画 圆形图片 随着手指旋转？

Answer 1

你的代码里面只有位置移动的top,left。没有写旋转的代码。
在动画帧时加入rotate(角度)就可以旋转并移动，可以参考下面代码。
相关示例如下：
<style>
.ani{animation:box 1s linear 0s infinite;width:100px;height:100px;background:green;border-radius:50%;}
@keyframes box{0% {transform:rotate(0deg)translate(0,0);}25%{transform:rotate(90deg)}50%{transform:rotate(180deg)translate(-300px,0);}75%{transform:rotate(270deg);}100% {transform:rotate(360deg)translate(0,0);}}
</style>
<div class="ani"></div>

CSS（层叠样式表）级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。

追问

不是光css 能解决的事情 已经做好了 谢谢了

Answer 2

求楼主解答 你怎么做的啊？

Answer 3

这个要用到JavaScript，我不懂。

追问

额 已经做好了