html - 你如何使 css-transformation 看起来像 3d?

标签 html css

我试图让这个动画看起来像 3d,但是 preserve-3d 不工作....有谁知道怎么做???

.initial{
width:194px;
height:250px;
position:absolute;
z-index:2;
-webkit-transform-origin: 50% 0%;
-webkit-animation: animate .8s both ease;
}
@-webkit-keyframes animate {
to {opacity:0; -webkit-transform: rotateX(-90deg); }
}

最佳答案

你要添加-webkit-perspective

关于html - 你如何使 css-transformation 看起来像 3d?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20693725/

相关文章:

javascript - 使用 JQuery datepicker 时,ng-model 不更新值

javascript - 最大宽度为:100% and height:auto in Safari的图片读取高度

html - 页脚中的文本不会显示,段落不会换行,图像在导航栏上方流动

CSS - 原始样式表与自定义样式表 - 覆盖样式的正确方法

html - CSS3 背景动画移动内容

javascript - Kendo,你如何绑定(bind) MVVM 文本 : fields to a remote DataSource?

html - 固定图片到底部

html - 如何将查询字符串附加到 Angular ui-router 中的 URL

html - 垂直居中菜单偏移

html - 如何在移动设备上显示具有长选项值的下拉列表?