为了账号安全,请及时绑定邮箱和手机立即绑定
看上一节再看这一节又有信心了
虽然代码有些拔高,一行一行看应该可以看明白的,建议大家把代码拷贝到自己电脑本地试着运行
产生3d翻转动画效果的是这三样式以及对应的transition配合:
.three-d:not(.active):hover .three-d-box {
transform: translateZ(-25px) rotateX(90deg);
}
.front {
transform: rotatex(0deg) translatez(25px);
}

.back {
transform: rotatex(-90deg) translatez(25px);
}
以及很关键的transform-style: preserve-3d; perspective: 200px;
想让妈妈再打你一次,再试试!
八个姐姐五个妹妹就我一个蓝孩子,不选我选谁????
"这样说或许不太好理解,换一种说法。" 换了之后,依然不好理解
本节的亮点是评论
div:not 之间不能有空格
关键词加不加引号都可以生效
这节课的精髓完全是在评论里啊
transition: all 3s ease-in-out .8s;(所有属性height width,持续3秒,先加速再减速变化,延迟0.8秒再执行变化,对于零可以省略)。

最赞回答 / qq_悟_21
学的不一定都用到 ,做的不一定都学了。
尴尬了呀。
我来加一页
课程须知
1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下,建议使用 chrome、safari、firefox、opera浏览器学习本课程。
老师告诉你能学到什么?
1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消