为了账号安全,请及时绑定邮箱和手机立即绑定
请注意! css的坐标系,一般以左上角为原点!
box-shadow有六个参数
1.offset-x 阴影在x轴的距离。正数向右偏移,负数向左偏移。
2.offset-y 阴影在y轴的距离。正数向下偏移,负数向上偏移。
3.blur 模糊的尺度,
4.spread 阴影的扩展。
(前四个都是以px 等距离单位为单位的数值)
5.color 阴影的颜色。可以是任何合法的颜色表示法表示的数据。
6.position 阴影的位置,两种取值
(1).outset 不用设置 默认就是外部阴影
(2).inset 阴影位于内部
建议把第八章和第九章学完,再做这个练习
强迫症,标题h2必须加text-align:center;居中显示
css3 都这么厉害了,那还需要JavaScript吗?
前面都没讲3d的,怎么练习是做3d的?
从前有座山
山里有座庙
庙里有个老和尚
长的真的俏
俏也不争春
只把春来报
待到山花浪漫时
他在丛中笑
.wrapper span {
display:block;
/*-webkit-transform: skew(45deg)*/
/*-moz-transform: skew(45deg)*/
transform:skew(-45deg)
}

最赞回答 / 衡山有雪
评论里有解释:关于backwards和none的区别:backwards会在动画开始前显示动画的第一帧,例如当动画是在页面加载完成后5秒开始,动画是由红色渐变为绿色,而div本来的背景色是黑色。那么设置backwards属性会使得在动画尚未开始的前五秒div显示为红色,而设置none的话,前五秒会div会显示自己的背景色黑色。
.columns {
padding: 5px;
border: 1px solid green;
width: 920px;
height:270px;
margin: 20px auto;

-webkit-column-count:2;
-moz-column-count:2;
-o-column-count:2;
-ms-column-count:2;
column-count:2;
}
总结下,CSS3中的三种动画:tranform形变动画/transition缓动动画/animation逐帧动画;

tranform: rotate旋转/skew扭曲/scale缩放/translate移动/matrix矩阵变形;

transition: property duration timing-function delay;

animation: KeyframesName duration timing-function delay iteration-count direction play-state fill-mode;
看上一节再看这一节又有信心了
课程须知
1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下,建议使用 chrome、safari、firefox、opera浏览器学习本课程。
老师告诉你能学到什么?
1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果

微信扫码,参与3人拼团

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

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

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消