怎么在flex里面实现图片的3D翻转
高洛峰
高洛峰 2016-11-05 13:19:41
0
1
820

在移动端的web想使用flex来进行布局,布局成4x4的,也就是把子元素的宽度设置为25%
子元素是图片,图片分正反两面,点击的话会进行3D翻转
现在主流的做法是这样的 查看
但是问题来了,这里面使用了position: absolute;这种属性
导致的问题是,无法让图片进行正常的布局,不设置这个图片的高度的话就没有高度,设置了的话就不会自动收缩布局了

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(1)
三叔

建议将两张图片放到一个容器里进行操作吧。将容器的flex值设为1来进行布局。给图片设置position:absolute的话flex就没有意义了吧。

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!