已采纳回答 / 李晓健
图片剪裁位置(border-image-slice)此参数特点比较鲜明:1、没有单位,专指像素。这类似于flash的as脚本,舞台高宽,影片剪辑大小,位移直接就是一个数值,没有单位,因为默认单位就是像素(px)了。例如:border-image:url(border.png) 27 repeat;这里的27专指27像素。2、支持百分比值,百分比值大小事相对于边框图片而言,假设边框图片大小为400px*300px,则20%的实际效果就是剪裁了图片的60px 80px 60px 80px的四边大小。
2015-11-20
border-image:url(http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg) 70 stretch
Stretch 很好理解就是拉伸,有多长拉多长。有多远“滚”多远。
Stretch 很好理解就是拉伸,有多长拉多长。有多远“滚”多远。
2015-11-20
哈哈哈,可以调戏浏览器玩了
-webkit-transition-property: width background;
transition-property: width background;
...
div:hover {
width: 400px;
background:blue;
}
-webkit-transition-property: width background;
transition-property: width background;
...
div:hover {
width: 400px;
background:blue;
}
2015-11-19
其实这就是一个用来过渡的方法,大家可以试试删掉6~13行,然后你会发现鼠标移过去的话div Duang 的一下就变大了,CTRl+Z,恢复代码后再试一试,就会发现它是慢慢变大的,要是你把背景色改一下,效果更明显
2015-11-19
已采纳回答 / 幻影af
background:url(http://static.mukewang.com/static/img/logo_index.png) 0px 0px/180px 80px no-repeat, url(http://static.mukewang.com/static/img/logo_index.png) no-repeat right bottom/180px 50px;
2015-11-19
.nav li::after{
content:"";
position:absolute;
width:1px;
height:18px;
background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.3),rgba(0,0,0,0));
top:16px;
left:0px;
}
content:"";
position:absolute;
width:1px;
height:18px;
background-image:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.3),rgba(0,0,0,0));
top:16px;
left:0px;
}
2015-11-18
最赞回答 / 戴眼镜的粉红兔子
box-sizing:border-box;当你对容器的大小要求很严格又不愿意冒添加内外边距而使容器的大小有所变化的时候就使用这个属性,用了之后不管如何修改内外边距,容器始终是你设置的大小
2015-11-18