文章详情页

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

浏览：252日期：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. 我这打开出现 Not Found2. thinkphp6使用验证器信息如何输出到前端页面3. javascript - h5微信中怎么禁止横屏4. javascript - 微信网页开发从菜单进入页面后，按返回键没有关闭浏览器而是刷新当前页面，求解决？5. empty比isset更严格一点6. 我在导入模板资源时遇到无法显示的问题，请老师解答下7. 预订金和尾款分别支付8. PHPExcel表格导入数据库怎么导入9. macos - 无法source activate python2710. 主从复制 - MySQL 主从延迟 300s 以上，求大神解答

排行榜

					
					javascript - avalon使用:duplex设置select默认option的bug
html5 - 在HBuilder中打包Android的apk包出错，不知道是什么原因。
javascript - 微信网页开发从菜单进入页面后，按返回键没有关闭浏览器而是刷新当前页面，求解决？
c++ - QWebEngineView加载url后直接点击链接没有反应要怎么解决？
android - Genymotion 模拟器可以做屏幕适配检测吗？
javascript - h5微信中怎么禁止横屏
我在导入模板资源时遇到无法显示的问题，请老师解答下
为什么HTML5规范中会包含一些和html无关的东西？如本地存储等。
javascript - vue2.0 初学　理解性问题？
javascript - JS继承，如何避免父类原型的object类型属性会受子类影响的情况；
主从复制 - MySQL 主从延迟 300s 以上，求大神解答
				

热门标签