Can I use? http://caniuse.com/ Less http://lesscss.org Cool Libraries Bootstrap from Twitter Jetstrap
这是一个创建于 2669 天前的主题，其中的信息可能已经有所发展或是发生改变。
就是一个组块，有正面，和反面，都可以往里面塞东西，通过外面的一个按钮进行翻转。
https://davidwalsh.name/demo/css-flip.php 我参考了里面的代码，发现它是通过 hover 实现的，但是又不想鼠标放上去就翻面。
https://www.html5tricks.com/demo/jquery-css3-image-rotate/index.html 然后又参考了这个，是 jquery+css 实现的，发现它是通过给元素添加类以后动态实现的。
我本来想结合两者的特点自己写出来，无奈基础不太好，写了一天也没写出什么头绪，不知道哪位大哥有类似的 demo 给借鉴一下啊。
 | 1 toma77 2018-08-26 04:53:42 +08:00 jquery 的 trigger()了解一下 |
 | 2 NickCarter 2018-08-26 08:13:33 +08:00 via iPhone transform backface-visibility |
 | 3 igoist 2018-08-26 09:22:08 +08:00  1 https://github.com/igoist/Web/tree/master/demos/3D/demo0004 你说基础不好，怕你不晓得 scss ；晓得的话自己 sass 编译一下 不然把第 7 - 12 行的 .flip-container { perspective: 1000px; .flipper.flip { transform: rotateY(180deg); } } 改成 .flip-container { perspective: 1000px; } .flipper.flip { transform: rotateY(180deg); } 再把文件名后缀 .scss 改成 .css 就好 记得在 index.html 里面把 .front img 与 .back img 的图片地址改一下 |
 | 6 xxx749 2018-08-26 10:37:36 +08:00 via Android 参考 2l 父元素 -子元素正面 -子元素反面 子元素 backface-visibility: hidden，反面默认 transform: rotateY(-180deg) 事件触发后给父元素添加 class 子元素 css 类似这样 (新添加的父元素 className)空格(子元素 className){这里进行 rotate 数值的变换} 反面由负数改为 0 即可 |
 | 9 rabbbit 2018-08-26 11:43:47 +08:00 1   |
Select Language