为了账号安全,请及时绑定邮箱和手机立即绑定
<style>
#black{
width: 400px;
height: 400px;
margin: 0 auto;
background: green;
}
-webkit-transition:background-color 3s;
#black:hover{
background-color: gray;
}
</style>
</head>
<body>
<div id="black"></div>
</body>
没有3的效果的,perspective:800px, px 一定要下去,害死人了(手动伤心)
按w3school的说法:目前浏览器都不支持 perspective 属性。Chrome 和 Safari 支持替代的 -webkit-perspective 属性。
rotateX(45deg) 在IE 11 没效果 在chrome里显示的和视频中的不同。。 我晕。。
火狐,-moz-perspective:800px;即可
照做了。没效果啊

最赞回答 / 郭清萍3147421
rotate多少度并不是旋转了多少度,而是停留在多少度的位置,这样理解就容易多了
我的webstorm 没有代码提示了 怎么搞 百度的我都试了。。
-webkit-前缀只给webkit内核浏览器用,,,还不如不加

已采纳回答 / stone310
因为你的-webkit-transform:rotateX(90deg)这中间的冒号全部都漏了- -从#face2到#face6..
在火弧不支持,在qq及搜狗高速浏览器有效
非常感谢!跟着老师的课程做出了这么牛逼的动态效果,以前觉得能整个立体动画好牛逼,看来还是自己太高估难度了,哈哈
感觉有问题啊,做出来以后功能都能实现,就是没有立体的效果,宽度没变化,高度在变,哪位大神解答一下
为什么要用relative和absolute定位呢,不懂,哪位大神能讲解一下

最新回答 / 小黍
好像都可以出来效果  但是最好写在要添加动画效果的选择器中
课程须知
本课程适合有html、css基础知识的同学进阶学习
老师告诉你能学到什么?
如何使用CSS3来创建一个3D的动画效果
意见反馈 帮助中心 APP下载
官方微信

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消