‘壹’ css3 如何让一个图片不断翻转
/*css3让一个图片不断翻转示例代码*/
#gavinPlay{
/*background:colorurlxyrepeat图片来自网络图片，按需要更换*/
background:rerl("https://ss1..com/6ONXsjip0QIZ8tyhnq/it/u=2406548182,3889596045&fm=80")centerno-repeat;
/*background-size:autoauto||cover代表以宽或高填满元素背景*/
background-size:cover;
/*随便设置宽高值，测试*/
width:200px;
height:200px;
/*设置默认样式，开启3d硬件加速*/
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
/*设置动画，animation:动画名称动画播放时长单位秒或微秒动画播放的速度曲线linear为匀速动画播放次数infinite为循环播放;*/
-webkit-animation:play3slinearinfinite;
-moz-animation:play3slinearinfinite;
animation:play3slinearinfinite;
}
@-webkit-keyframesplay{
0%{
/*
水平翻转
*/
-webkit-transform:rotateY(0deg);
/*
垂直翻转
-webkit-transform:rotateX(0deg);
顺时针旋转
-webkit-transform:rotate(0deg);
逆时针旋转
-webkit-transform:rotate(0deg);
*/
}
100%{
/*水平翻转*/
-webkit-transform:rotateY(360deg);
/*垂直翻转
-webkit-transform:rotateX(360deg);
顺时针旋转
-webkit-transform:rotate(360deg);
逆时针旋转
-webkit-transform:rotate(-360deg);
*/
}
}
@-moz-keyframesplay{
0%{
-moz-transform:rotateY(0deg);
/*
-moz-transform:rotateX(0deg);
-moz-transform:rotate(0deg);
-moz-transform:rotate(0deg);
*/
}
100%{
-moz-transform:rotateY(360deg);
/*
-moz-transform:rotateX(360deg);
-moz-transform:rotate(360deg);
-moz-transform:rotate(-360deg);
*/
}
}
@keyframesplay{
0%{
transform:rotateY(0deg);
/*
transform:rotateX(0deg);
transform:rotate(0deg);
transform:rotate(0deg);
*/
}
100%{
transform:rotateY(360deg);
/*
transform:rotateX(360deg);
transform:rotate(360deg);
transform:rotate(-360deg);
*/
}
}
<!--html布局代码-->
<divid="gavinPlay"></div>
‘贰’ 无限循环的图片是怎么做出来的
你提到的名词真的不懂，
从你给出的图中，我只找到一个基础图(如图)，但是不是你所讲的回路就真的不明了~如果做出一个高精度的基础图，然后放大缩小旋转调色去扩散，应该可以做出你的图的70%左右的效果，但要ps自动去做就真的不明了，楼下的可补充。
‘叁’ 一张GIF旋转的星空图片
题目太大！不知道具体要求。。。
‘肆’ android怎么实现图片旋转
可以使用RotateAnimation动画实现，设定无限循环即可
代码如下
{
ImageViewiv;
@Override
protectedvoidonCreate(BundlesavedInstanceState){
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_two);
iv=(ImageView)findViewById(R.id.image);
RotateAnimationanimation=newRotateAnimation(0,360);
animation.setDuration(100000);//设定转一圈的时间
animation.setRepeatCount(Animation.INFINITE);//设定无限循环
animation.setRepeatMode(Animation.RESTART);
iv.startAnimation(animation);
}
}也可以自定义view继承于imageview，启动一个线程，在while循环里设置view的旋转角度
{
privatefloatmCurDegree=0;//当前旋转角度
publicRotateView(Contextcontext,AttributeSetattrs){
super(context,attrs);
newThread(this).start();
}
@Override
protectedvoidonLayout(booleanchanged,intleft,inttop,intright,
intbottom){
super.onLayout(changed,left,top,right,bottom);
//设定旋转中心
setPivotX(getMeasuredWidth()/2);
setPivotY(getMeasuredHeight()/2);
}
@Override
publicvoidrun(){
while(true){
setRotation(mCurDegree);
mCurDegree+=5;
postInvalidate();
SystemClock.sleep(16);
}
}
}
在布局文件里使用RotateView代替imageview即可
‘伍’ 如何旋转图片（最简单的方法）
用各种看图软件都可以实现，想永久旋转就得用编辑软件方法很简单，自己琢磨
‘陆’ 怎么用PS把图片上的图案无限循环，要无缝拼接
帮你做了一个，你试试看。
‘柒’ html，jquery怎样实现图片旋转中换图的时候不只是两张图片的切换，而是从本地调用到多张图片进行循环
把变换的图片都写在html中，拉动距离实现，
‘捌’ 我想在网页上实现一个小图片在不停的旋转的效果，就在那儿不停的360度转啊转的样子
下面是用css旋转图片，用js换className。
换图片地址后试试。
<html>
<head>
<style>
.css-turn-0{
-moz-transform:matrix(1,0,0,1,0,0);
-o-transform:matrix(1,0,0,1,0,0);
-webkit-transform:matrix(1,0,0,1,0,0);
transform:matrix(1,0,0,1,0,0);
-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=1,M12=0,M21=0,M22=1,SizingMethod='autoexpand')"
}
.css-turn-270{
-moz-transform:matrix(0,-1,1,0,0,0);
-o-transform:matrix(0,-1,1,0,0,0);
-webkit-transform:matrix(0,-1,1,0,0,0);
transform:matrix(0,-1,1,0,0,0);
-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0,M12=1,M21=-1,M22=0,SizingMethod='autoexpand')"
}
.css-turn-180{
-moz-transform:matrix(-1,0,0,-1,0,0);
-o-transform:matrix(-1,0,0,-1,0,0);
-webkit-transform:matrix(-1,0,0,-1,0,0);
transform:matrix(-1,0,0,-1,0,0);
-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=-1,M12=0,M21=0,M22=-1,SizingMethod='autoexpand')"
}
.css-turn-90{
-moz-transform:matrix(0,1,-1,0,0,0);
-o-transform:matrix(0,1,-1,0,0,0);
-webkit-transform:matrix(0,1,-1,0,0,0);
transform:matrix(0,1,-1,0,0,0);
-ms-filter:"progid:DXImageTransform.Microsoft.Matrix(M11=0,M12=-1,M21=1,M22=0,SizingMethod='autoexpand')"
}
</style>
</head>
<body>
<imgsrc="图片地址">
<script>
varimg=document.getElementsByTagName('img')[0],
i=1,
css=['css-turn-0','css-turn-90','css-turn-180','css-turn-270'];
img.onclick=function(){
this.className=css[i++%4];
}
</script>
</body>
</html>
转自zhaoapk 的回答。
‘玖’ PS里怎么把一张图做成GIF旋转图
工具：pscs4
1、把需要处理的图片直接拖进ps里，如图所示。
‘拾’ 在ps中如何依次出现旋转过的图片
在ps中依次出现旋转过的图片制作方法是：
1、新建白色背景文件，打开图片，拖进背景文件里，复制图层（两层以上）；
2、逐图层ctrl+t旋转图片；