图像链接翻转效果

Question

有人知道如何使图像链接翻转效果类似于此处看到的吗？ 也许有一个教程吗？ 改变背景的不透明度并使眼睛看起来很容易，但是我不知道开发者是如何让奶酪轮那样滑动的。

屏幕截图：

Answer 1

这是两件事的结合：

一种是更改悬停时的楔形位置（在CSS中）。 我想你知道该怎么做。

另一个（创建动画的一个）正在指定过渡时间，以便它可以从一种状态平稳过渡到另一种状态。

有关过渡如何工作的更多详细信息，请参见http://www.w3schools.com/css3/css3_transitions.asp 。

不幸的是，跨浏览器的支持很差，并且每个浏览器都使用自己的前缀。 您指向的站点使用：

-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-ms-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;`