悬停时旋转或旋转图像
我想找出悬停时如何制作 旋转或旋转的图像 。我想知道如何在以下代码上使用 CSS 模仿该功能：
img {
border-radius: 50%;
}
<img src="http://i.imgur.com/3DWAbmN.jpg" />
问题答案：
您可以将CSS3过渡与rotate()一起使用，以 在悬停时旋转图像 。
旋转图像：
img {
border-radius: 50%;
-webkit-transition: -webkit-transform .8s ease-in-out;
transition: transform .8s ease-in-out;
}
img:hover {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
<img src="https://i.stack.imgur.com/BLkKe.jpg" width="100" height="100"/>
-
问题内容： 当您将鼠标悬停在某个元素上时，我会旋转它。悬停时，动画将停止。简单： 但是，当您将鼠标悬停时，动画会突然停止，恢复为0度。我想重新设置动画位置，但是在语法设计上遇到了一些麻烦。 任何输入都会很棒！ 问题答案： 解决方案是在.elem中设置默认值。但是此动画可以与-moz一起正常使用，但尚未在-webkit中实现 它可以在Firefox上正常运行，但不能在Chrome上运行
-
我正在用Java制作简单的图像编辑器。我的问题是，当我旋转被裁剪的图像时，我将尝试在图像上显示它： 轮换前http://i.imgur.com/KjtHslb.jpg 经过45度http://i.imgur.com/SKOEFP7.jpg 旋转90度后，i[dot]imgur[dot]com/4NrABIA.jpg 看起来 JPanel 将旋转图像裁剪为原始图像的大小，我不知道为什么：/所以我在寻
-
问题内容： 我需要能够单独旋转图像（在Java中）。到目前为止，我发现的唯一东西是g2d.drawImage（image，affinetransform，ImageObserver）。不幸的是，我需要在特定点绘制图像，并且没有一种方法带有参数1.分别旋转图像和2.允许我设置x和y。任何帮助表示赞赏 问题答案： 这就是你可以做到的。这段代码假设存在一个名为“ image”的缓冲图像（如你的评论所说）
-
本节，我们通过平移和旋转画布上下文来旋转图像，然后在变换后的上下文中绘制图像。 图4-11 旋转图像 绘制步骤 按照以下步骤，来旋转图像： 1. 定义画布上下文： window.onload = function(){ var canvas = document.getElementById("myCanvas"); var context = canvas.getContext("2
-
我正在构建一个应用程序，它依赖于显示从相机拍摄的许多位图图像。我希望所有图像都以90度（纵向）的方向显示，我知道如何使用每个图像提供的EXIF信息来实现这一点。在拍摄图像后立即旋转图像的位图以满足我的需要，然后将其发送到我的服务器，这对我来说是一个更好的主意，还是应该在不旋转图像的情况下将图像发送到我的服务器，然后每当我下拉图像时，使用图像附带的EXIF旋转来旋转我正在显示的图像视图？我需要一个高
-
问题内容： 我有一张Pan Card的图像，当我尝试将其旋转45度并保存时，会得到裁剪的图像。旋转图像的代码是： 问题答案： 使用AffineTransform看一下这个例子： http://www.billthelizard.com/2008/07/rotate-image-in- java.html 有一些代码可以加载图像，这就是核心：