如何使用javascript在DIV上创建卡片翻转效果

前端之家收集整理的这篇文章主要介绍了如何使用javascript在DIV上创建卡片翻转效果前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我想在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的跨浏览器解决方案,你将不得不坐在你的拇指上几年.

原文链接:https://www.f2er.com/css/427084.html

猜你在找的CSS相关文章