gpt4 book ai didi

javascript - Lynda 上的瓷砖是如何制作的?

转载 作者:行者123 更新时间:2023-12-03 10:52:07 25 4
gpt4 key购买 nike

我知道这是某种程度的 JavaScript,但尽管我了解相当多的知识,但我不知道该怎么做。

首先,悬停翻转动画,它不可能是 CSS 开关,因为我从未见过类似的转换。

最佳答案

您自己进行此类检查非常容易。在本例中,它是 CSS,因此只需打开浏览器控制台并检查元素就会告诉您有两个元素, .front.back 位置彼此重叠当然,动画是悬停时的 transform:rotateY(180deg) 以及 transition: all 0.6s escape 0s 以减慢速度。

如果您想要弄清楚 JS 动画,请了解如何使用 JS 断点。您还可以在 DOM 属性更改时中断,这对于涉及某些 css 或类更改的大多数动画很有用。

要了解更多信息,请访问http://davidwalsh.name/css-flip .

关于javascript - Lynda 上的瓷砖是如何制作的?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28393367/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com