Lynda的瓷砖是如何制作的？

Question

我理解它是一定程度的JavaScript，但是我知道如果知道合理数量的话，我知道该怎么做。

首先，悬停翻转动画，不能是CSS切换，因为我从来没有看到过类似的过渡。

Answer 1

自己做这种检查非常容易。在这种情况下，它是CSS，所以只需打开浏览器控制台并检查元素就会告诉你有两个元素，.front和.back绝对位于彼此之上，动画是{ {1}}与transform:rotateY(180deg)一起悬停以减慢速度。

如果您想要弄清楚JS动画，请学习如何使用JS断点。您还可以打破DOM属性更改，这对于涉及某些css或类更改的大多数动画都很有用。

要了解详情，请访问http://davidwalsh.name/css-flip。