Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用css3和html5将鼠标悬停在gif图像上时向右旋转gif图像_Html_Css_Rotation_Gif - Fatal编程技术网

使用css3和html5将鼠标悬停在gif图像上时向右旋转gif图像

使用css3和html5将鼠标悬停在gif图像上时向右旋转gif图像,html,css,rotation,gif,Html,Css,Rotation,Gif,使用css3将鼠标悬停在gif图像上时,如何旋转gif图像 #tiger:hover{ -webkit-transform:rotateX(180deg) } 使用变换:旋转(90度) img:悬停{ 变换:旋转(90度) } 试试这个: .image{ 位置:绝对位置; 最高:50%; 左:50%; 宽度:120px; 高度:120px; 裕度:-60px0-60px; } .图片:悬停{ -webkit动画:旋转4s线性无限; -moz动画:旋转4s线性无限; 动画:旋转4s线性无

使用css3将鼠标悬停在gif图像上时,如何旋转gif图像

#tiger:hover{
  -webkit-transform:rotateX(180deg)
}

使用变换:旋转(90度)

img:悬停{
变换:旋转(90度)
}
试试这个:

.image{
位置:绝对位置;
最高:50%;
左:50%;
宽度:120px;
高度:120px;
裕度:-60px0-60px;
}
.图片:悬停{
-webkit动画:旋转4s线性无限;
-moz动画:旋转4s线性无限;
动画:旋转4s线性无限;
}
@-moz关键帧旋转{100%{-moz变换:旋转(360度);}
@-webkit关键帧旋转{100%{-webkit变换:旋转(360度);}
@关键帧旋转{100%{-webkit变换:旋转(360度);变换:旋转(360度);}}
当我使用transform:rotate(-90度)时,它不会让跳跳虎向右看,而是让跳跳虎向底部看,然后你把老虎贴出来让我们看到