box-shadow有六个参数
1.offset-x 阴影在x轴的距离。正数向右偏移,负数向左偏移。
2.offset-y 阴影在y轴的距离。正数向下偏移,负数向上偏移。
3.blur 模糊的尺度,
4.spread 阴影的扩展。
(前四个都是以px 等距离单位为单位的数值)
5.color 阴影的颜色。可以是任何合法的颜色表示法表示的数据。
6.position 阴影的位置,两种取值
(1).outset 不用设置 默认就是外部阴影
(2).inset 阴影位于内部
1.offset-x 阴影在x轴的距离。正数向右偏移,负数向左偏移。
2.offset-y 阴影在y轴的距离。正数向下偏移,负数向上偏移。
3.blur 模糊的尺度,
4.spread 阴影的扩展。
(前四个都是以px 等距离单位为单位的数值)
5.color 阴影的颜色。可以是任何合法的颜色表示法表示的数据。
6.position 阴影的位置,两种取值
(1).outset 不用设置 默认就是外部阴影
(2).inset 阴影位于内部
2017-12-29
从前有座山
山里有座庙
庙里有个老和尚
长的真的俏
俏也不争春
只把春来报
待到山花浪漫时
他在丛中笑
山里有座庙
庙里有个老和尚
长的真的俏
俏也不争春
只把春来报
待到山花浪漫时
他在丛中笑
2017-12-26
.wrapper span {
display:block;
/*-webkit-transform: skew(45deg)*/
/*-moz-transform: skew(45deg)*/
transform:skew(-45deg)
}
display:block;
/*-webkit-transform: skew(45deg)*/
/*-moz-transform: skew(45deg)*/
transform:skew(-45deg)
}
2017-12-26
最赞回答 / 衡山有雪
评论里有解释:关于backwards和none的区别:backwards会在动画开始前显示动画的第一帧,例如当动画是在页面加载完成后5秒开始,动画是由红色渐变为绿色,而div本来的背景色是黑色。那么设置backwards属性会使得在动画尚未开始的前五秒div显示为红色,而设置none的话,前五秒会div会显示自己的背景色黑色。
2017-12-25
.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;
}
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;
}
2017-12-25
总结下,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;
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;
2017-12-23