您的位置：首页技术文章
文章详情页

css3 - [CSS] 动画效果 3D翻转bug

浏览：168日期：2023-07-06 08:40:05

问题描述

我试着做了一个 3d flip card 的动画

demo 在这 https://vanishingdante.github...

但是如果是沿着横向的话，整个页面会横向拉长很多，不知道为什么但是如果是纵向翻转的话就没有问题

rotateY是有什么隐藏的副作用么

浏览器版本是最新的chrome

问题解答

回答1：

// 添加一个超出部分隐藏的样式flip-card{ overflow: hidden;}回答2：

css3 - [CSS] 动画效果 3D翻转bug

标签： CSS
上一条：css3 - css 3问题， transition:0.5s all;是指所有属性？下一条：css - 关于nth-child()的问题
相关文章：
1. javascript - 父级设置了相对定位。子元素设置了绝对定位。子元素中包含了浮动的table，这个时候高度不能自适应。2. javascript - vue异步数据打印问题3. javascript - js的string数据类型，这段表述是什么意思？4. Span标签5. docker容器呢SSH为什么连不通呢？6. docker api 开发的端口怎么获取？7. javascript - 表单ajax提交后跳转,手机按返回又进入这个表单页了!!8. golang - 用IDE看docker源码时的小问题9. docker start -a dockername 老是卡住，什么情况？10. dockerfile - 为什么docker容器启动不了？
排行榜
docker容器呢SSH为什么连不通呢？
docker容器呢SSH为什么连不通呢？
1. docker start -a dockername 老是卡住，什么情况？
2. docker api 开发的端口怎么获取？
3. golang - 用IDE看docker源码时的小问题
4. dockerfile - 为什么docker容器启动不了？
5. javascript - 表单ajax提交后跳转,手机按返回又进入这个表单页了!!
6. Span标签
7. javascript - js的string数据类型，这段表述是什么意思？
8. javascript - 父级设置了相对定位。子元素设置了绝对定位。子元素中包含了浮动的table，这个时候高度不能自适应。
9. javascript - vue异步数据打印问题
10. dockerfile - [docker build image失败- npm install]
热门标签