为了账号安全,请及时绑定邮箱和手机立即绑定
用火狐的在-moz-perspective:800px;就行了
为什么我的页面没有任何显示,连鼠标移动后的效果也没有了
<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>
<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内核浏览器用,,,还不如不加
在火弧不支持,在qq及搜狗高速浏览器有效
非常感谢!跟着老师的课程做出了这么牛逼的动态效果,以前觉得能整个立体动画好牛逼,看来还是自己太高估难度了,哈哈
感觉有问题啊,做出来以后功能都能实现,就是没有立体的效果,宽度没变化,高度在变,哪位大神解答一下
课程须知
本课程适合有html、css基础知识的同学进阶学习
老师告诉你能学到什么?
如何使用CSS3来创建一个3D的动画效果

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消