man*_*wat 5 javascript css flip flipboard
我想在DIV上使用简单的javascript和CSS以及NO库或插件创建卡片翻转效果(与webkit过渡和3d变换相同).我怎样才能做到这一点?因为大多数CSS3属性适用于webkit浏览器.大多数javascript解决方案都使用jquery及其插件等库.我正在寻找一个解决方案,它不使用任何库,但只有javascript/CSS,仍然可以跨浏览器工作.
任何帮助,将不胜感激.
此致,manishekhawat
CSS3 中的 3d 变换目前仅适用于 webkit 浏览器。抱歉 - 如果不使用诸如 cssSandpaper ( http://www.useragentman.com/blog/csssandpaper-a-css3-javascript-library/ ) 之类的 JS polyfill,则无法在其他浏览器中执行此操作。
但不建议这样做,因为这会导致加载 JS 版本时性能严重下降。
3d 变换和关键帧动画仍然是 CSS3 规范的(相当)全新功能,因此仅在最新的浏览器(safari、chrome)中采用。如果您想要一个不需要 JavaScript 的跨浏览器解决方案,您将不得不等待几年。