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