优艾设计网

怎么在flex里面实现图片的3D翻转 财富值34?

优艾设计网 https://www.uibq.com 2023-04-23 13:27 出处:网络 作者:PS抠图
在移动端的web想使用flex来进行布局,布局成4x4的,也就是把子元素的宽度设置为25%子元素是图片,图片分正反两面,点击的话会进优艾设计网_PS论坛行3D翻转现在主流的做法是这样的 查看但是问题来了,这里面使用了pos

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


鱼子小爱 优艾设计网_设计客 2022-08-26 20:36

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


0

精彩评论

暂无评论...
验证码 换一张
取 消