Css 图像链接翻转效果

有人知道如何使图像链接翻转效果与所看到的效果相似吗？有没有这方面的教程？改变背景的不透明度并使眼睛看起来很容易，但我不知道开发人员是如何让奶酪轮子像那样滑进去的

截图：

---

这是两件事的结合：

一个是改变悬停时楔子的位置（在CSS中）。我想你知道怎么做

另一种方法（创建动画的方法）是指定过渡时间，以便从一种状态平滑地移动到另一种状态

有关转换如何工作的更多详细信息，请参见

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

-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;`

---

这太糟糕了，我不认为这仅仅是用CSS完成的，我自动地假设在幕后有一些JQuery，但我不想检查。很遗憾缺少支持，但是对于那些能看到它的人来说，这确实是一个很好的效果。