gpt4 book ai didi

html - 使用 CSS 使图像消失而无需悬停

转载 作者:太空宇宙 更新时间:2023-11-03 20:41:24 26 4
gpt4 key购买 nike

所以我正在处理一封显示一堆衬衫的工作电子邮件。由于标语是“在它们消失之前得到它们”,我被要求为每件衬衫制作动画,一件一件地消失,直到它们消失。

我所知道和/或发现的一切都只适用于悬停,这是我不想要的。我希望它自己自动启动。

所以我看起来并不完全懒惰,这里是 jsfiddle 的一些起始代码。一旦我看到一件衬衫是如何编码的,我可能就能明智地计算出其余的时间等等。在此先感谢任何可以提供帮助的人!

注意:假装这与电子邮件无关 - 我被要求探索它,即使它不起作用,我们决定只使用动画 gif。

<html>
<head>
<style type="text/css">
</style>
</head>
<body>
<img alt="shirt" src="https://s7.jcrew.com/is/image/jcrew/60763_WW8415?$pdp_fs418$" />
</body>
</html>

最佳答案

:hover 在电子邮件客户端中的支持不一致,CSS 动画也不支持。 JavaScript 也不被支持 - 所以你可能在动画 GIF 中做的最好的,即使在那里,也不能保证用户的邮件客户端会支持它。

参见:http://litmus.com/blog/a-guide-to-animated-gifs-in-email

https://www.campaignmonitor.com/css/

关于html - 使用 CSS 使图像消失而无需悬停,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25448939/

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