如何在jquery或javascript中创建像这样的旋转图像？

当鼠标悬停在lynda.com网页上列出的某个主题上时，图像会旋转

如何从jquery或javascript创建此交互？ 是否有办法从浏览器上的Inspect元素查看脚本源代码

---

谢谢，

使用浏览Mozilla Firefox并安装FireBug插件

通过它，您可以检查页面中的每个元素。您还可以在页面上查看脚本、样式

使用纯css更合适

.content{
  position: relative;
  width: 500px;
  height: 500px;

  text-align: center;
  line-height: 500px;
  font-size:100px;
}
.first,.second{
  position: absolute;
  left: 0;top: 0;
  width: 100%;
  height: 100%;
  transition: all 1s;
  background: #fec;
}
.second{
  transform:scale(-1,1);
  z-index: -1;
}
.content:hover .first{
  transform:scale(-1,1);
}
.content:hover .second{
  transform:scale(1,1);
  z-index: 0;
}

---

只需右键单击页面，选择查看页面源他们可能使用JS/jQuery来更改transform:rotate with transform:perspective或其他什么您可以尝试一下lynda.com而不使用扩展名吗？它会将访问者重定向到不同的页面课程浏览器。有关相同的内容，请参阅或使用css动画。。