为了账号安全,请及时绑定邮箱和手机立即绑定
#experiment{
-webkit-perspective:800;
-webkit-perspective-origin:50% 50%;
-webkit-transform-style:-webkit-preserve-3d;
}
#block{
width:500px;
height:500px;
background-color:blue;
margin:100px auto;

-webkit-transform:rotateX(45deg);
}

那些说没效果的检查下自己代码!
感觉知识略浅呀
感觉这个不是特别适合初学者啊,适合有点基础的
感谢老师,效果非常棒
楼上的return;不需要括号
强迫症啊,能不能把next放后面,pre放前面
为什么我加了return、点到最后的时候还是白的、跟没加一样嘞
太卡了,100M的网速!!!!
虽说所有浏览器都不支持perspecive属性,但据说谷歌支持-webkit-perspective替代属性,但是尝试过谷歌和火狐依旧没有效果,望大神指点,感激不尽!
代码有点模糊 不开心
此时应该是-webkit-transform-style: preserve-3d;,这样的话谷歌浏览器可看到效果,其实IDE报错可以知道
搞定啦!一不小心把动画和倒影加上了 -^_^- !!!!!!!!!!!!!
3d动画这块儿其实还是属于前端前沿的部分,是试验田,普及度不高,所以大家要注意各个属性在各浏览器的兼容性
国产HBuilder值得表扬一下
还是很简单易懂
课程须知
本课程适合有html、css基础知识的同学进阶学习
老师告诉你能学到什么?
如何使用CSS3来创建一个3D的动画效果

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消