为了账号安全,请及时绑定邮箱和手机立即绑定
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
原来是鼠标经过的时候才能看到效果的.wrapper div:hover {
opacity: .5;
background:blue;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
}
background:red;
-webkit-transform: skew(-45deg);
-moz-transform: skew(-45deg);
transform:skew(-45deg);
}
ol > li:nth-child(odd){
background: green;
}
<div></div><!-- 我这里任何内容都没有 -->
【注意】任务就是自己改变参数以改变阴影的位置,偏移量等。
突然发现还可以内阴影,用逗号隔开可以实现多重阴影,真的是6
.wrapper p:only-of-type{
background: orange;
}
li:only-child {
background: orange;
}//选择的是li元素,并且li是父元素的独生子
.wrapper > div:nth-last-of-type(5){
background: orange;
}
.wrapper > div:last-of-type{
background: orange;
}
初始状态property设置为all,在结束的时候设定最终值。
.wrapper > div:first-of-type {
background: orange;
}
//:first-of-type和:first-child比较接近,不过前者可以在前面指定元素类型
课程须知
1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下,建议使用 chrome、safari、firefox、opera浏览器学习本课程。
老师告诉你能学到什么?
1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消