box-shadow:0 4px 0 #cc1725;
.nav li:after{
content:"";
width:1px;
height:15px;
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
background:radial-gradient(#fff,transparent);
}
.nav li:last-child:after{
display:none;
}
.nav li:after{
content:"";
width:1px;
height:15px;
position:absolute;
right:0;
top:50%;
transform:translateY(-50%);
background:radial-gradient(#fff,transparent);
}
.nav li:last-child:after{
display:none;
}
2017-09-11
https://logan70.github.io/2017/09/10/learn-css3-4/
CSS3转换总结
CSS3转换总结
2017-09-11
https://logan70.github.io/2017/09/09/learn-css3-3/
CSS3背景和渐变参考
CSS3背景和渐变参考
2017-09-10
https://logan70.github.io/2017/09/09/learn-css3-3/
background-clip`指定了背景在哪些区域可以显示,但与背景开始绘制的位置无关,背景的绘制的位置可以出现在不显示背景的区域,这时就相当于背景图片被不显示背景的区域裁剪了一部分一样。
background-origin指定了背景从哪个区域(边框、补白或内容)开始绘制,但也仅仅能控制背景开始绘制的位置,你可以用这个属性在边框上绘制背景,但边框上的背景显不显示出来那就要由background-clip来决定了
background-clip`指定了背景在哪些区域可以显示,但与背景开始绘制的位置无关,背景的绘制的位置可以出现在不显示背景的区域,这时就相当于背景图片被不显示背景的区域裁剪了一部分一样。
background-origin指定了背景从哪个区域(边框、补白或内容)开始绘制,但也仅仅能控制背景开始绘制的位置,你可以用这个属性在边框上绘制背景,但边框上的背景显不显示出来那就要由background-clip来决定了
2017-09-09
左上(0,0),右上(100% 0%),左下(0% 100%),右下(100% 100%),中心(50% 50%)
2017-09-09
边框与圆角笔记
https://logan70.github.io/2017/09/09/learn-css3-2/
https://logan70.github.io/2017/09/09/learn-css3-2/
2017-09-09
在chrome浏览器,-webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%);都可以,即有无前缀都是可以的。
2017-09-09
child指结构层面
type指类型层面
CSS3选择器笔记,与大家共勉
https://logan70.github.io/2017/09/08/learn-css3-1/
type指类型层面
CSS3选择器笔记,与大家共勉
https://logan70.github.io/2017/09/08/learn-css3-1/
2017-09-09