为了账号安全,请及时绑定邮箱和手机立即绑定
我不知道你们晕没晕,反正我是已倒在前线了
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
/*这个样式包含两层box-shadow,.effect上的div的前(before)后(after)都添加一个空元素,然后为这两个空元素添加阴影特效,则此时就会出现阴影叠加效果*/
.effect::before, .effect::after{
content:""; position:absolute; z-index:-1;
/*阴影x轴偏移0px,y轴偏移0px,阴影的模糊半径10px,阴影的延伸半径10px,颜色蓝色,透明度0.8*/
box-shadow:0 0 10px 10px rgba(0,0,255,0.8);
}
给大家解释写里面的样式意义:
/*这个样式包含两层box-shadow,一层是绿色的盒子阴影,在外层,阴影模糊半径是40px,二层是红色的盒子阴影,在内层inset,阴影的模糊半径40px*/
.effect{
position:relative;
box-shadow:0 1px 40px rgba(0, 255, 0, 0.9), 0 0 40px rgba(255, 0, 0, 0.8) inset;
}
-webkit-column-count:2;
-moz-column-count:2;
-o-column-count:2;
-ms-column-count:2;
column-count:2;
为什么不转?只因为我是IE?
border-top-left: 50px;
border-bottom-left: 50px;
缩写形式
border-radius: 50px 0 0 50px;
background:rgba(255,255,255,0.5); 白色十六进制:#FFFFFF 转换成rgb:255,255,255 , a=alpha 。
div.semi-circle{
height:100px;
width:50px;
background:#9da;
border-radius:50px 0px 0px 50px;
}
height:100px;
width:50px;
background:#9da;
border-radius:50px 0 0 50px;
晕死,线性代数的矩阵啊~ 我居然忘记了~

已采纳回答 / fiona007
浏览器支持:Firefox 4+、Chrome 以及 Safari 不支持 resize。WIN10自带的浏览器我记得是IE
课程须知
1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下,建议使用 chrome、safari、firefox、opera浏览器学习本课程。
老师告诉你能学到什么?
1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消