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

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

更多 QQ空间 微信 QQ好友 腾讯朋友 复制链接
【字号：大 中 小】日期：2023-07-06 08:40:05浏览：61作者：猪猪

问题描述

我试着做了一个 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. python相关问题求解决，有偿2. python - 请问用cxfreeze打包的可执行程序能反编译出源码么？3. python - 用__call__ 实现装饰器功能4. html5 - H5移动端UC浏览器的,跳转下一个页面，下一个页面input输入框获取焦点后，会带出上一页的内容？5. javascript - 把字符串日期转换成一般时间格式后，发现小于10的数字不会自动添加0在前面，如下6. javascript - prismplayer播放器全屏问题7. javascript - js判断一个数组是否重复8. javascript - 在sublime中如何给.vue文件注释？9. javascript - input输入框触发change事件后，外部元素会被选中10. javascript - 这种上传图片预览怎么做？
排行榜
git忽略文件，.java文件怎么没被忽略？.gitignore文件怎么看？
git忽略文件，.java文件怎么没被忽略？.gitignore文件怎么看？
1. 有关getday的疑问
2. node.js - 如何调用hexo渲染 ``` ``` 代码块的渲染引擎
3. javascript - 这种上传图片预览怎么做？
4. nginx - ssl加密访问证书不受信任
5. nginx - php-fpm更改默认端口后无法启动
6. python相关问题求解决，有偿
7. angular.js - 有谁知道吗用ng-bind-html绑定html。但是html却被转义了
8. java - 技术书籍中的`idiom`是如何翻译的?
9. javascript - vue2.0中router.repalce跟router.push有什么区别，二者的应用场景是会有怎样的区别？
10. javascript - prismplayer播放器全屏问题
热门标签