Animate CSS Flip上的双面图像
Double sided image on Animate CSS Flip
我目前正在使用以下代码翻转图像:
$(".image").html('<img class="winner" src="'+result[1]+'"/>');
$('.winner').addClass('animated flip');
但是,我想在翻转时有 2 张图像,所以目前你只看到相同的图像在旋转,我希望能够在翻转的两侧看到 2 张图像,这可能吗?
谢谢
下面是一个双向 jQuery 翻转的示例。
在此示例中,他们放置了文本,您可以轻松放置 img。
由于您没有在html,css和只有一点js方面给出太多指导您在这里自己解决其余问题,因此我能做的就是。
https://www.ostraining.com/blog/coding/jquery-flip/
这是一个 css 翻转的示例
http://css3.bradshawenterprises.com/flip/
希望这有帮助。
最好
提姆
相关文章:
- 如何使用css动画/javascript使具有背景图像的元素出现
- css停止图像在滚动中移动
- 浮动图像左作为背景-css
- 使用css()设置背景图像;不起作用
- 在屏幕中央显示图像 CSS jQuery
- 确定body's背景图像(css)已加载
- 如何设置DIV背景图像css jquery
- JQuery 如何仅添加带有第 n 个子级的点击图像 CSS 类
- 如何防止谷歌浏览器在设置背景图像 css 时击中服务器
- 如何使用nodejs获取我网站上所有图像/ css / js的所有文件大小
- jquery背景图像css
- JQuery切换图像CSS
- 用文本交换图像(CSS或jQuery?).
- 背景图像CSS不显示
- Nav背景以匹配身体背景图像Css
- 更改基于屏幕的不同背景图像:-css HTML5 Gallery
- 动态创建图像/CSS到画布
- 仅浮动图像 css
- 图像 CSS 样式上不需要的边框
- 如何在图像 CSS 上放置一个思想气泡