javascript - Animate CSS Flip 上的双面图像

标签 javascript jquery html css animation

我目前正在使用以下代码翻转图像:

$(".image").html('<img class="winner" src="'+result[1]+'"/>');
$('.winner').addClass('animated flip');

但是,我希望在翻转时有 2 个图像,所以目前您只能看到相同的图像旋转,我希望能够在翻转的两侧看到 2 个图像,这可能吗?

谢谢

最佳答案

这是一个双面 jQuery 翻转的示例。

在此示例中,他们放置了文本,您可以轻松地放置一个图片。

由于您没有给出太多 html、css 的内容,只有一点 js 指导您自己解决其余问题,所以我能做的就是。

https://www.ostraining.com/blog/coding/jquery-flip/

这是一个 css 翻转的示例

http://css3.bradshawenterprises.com/flip/

希望这有帮助。

最好,

蒂姆

关于javascript - Animate CSS Flip 上的双面图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35927409/

相关文章:

javascript - 异步 xhr 和回调

javascript - 当单击 iframe 内的按钮时,如何增加 iframe 的高度?

javascript - Three.js场景依赖一个参数

javascript - 根据另一个选择的结果更改 HTML <select> 中的选项

javascript - 如何创建重试连接按钮? HTML/JS

javascript - CckEditor 与 jquery 表单冲突

javascript - 当您单击一个页面的链接时,更改另一个页面中同一菜单的链接的颜色

javascript - 通过 javascript 链接到另一个带有书签的页面,这可能吗?

javascript - 如何创建覆盖移动菜单?

javascript - 我如何通过外部javascript调用用reactjs编写的函数?