-webkit-border-image:url(http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg) 40 repeat;
苹果上的显示,要加兼容才有效果
苹果上的显示,要加兼容才有效果
2016-05-01
border-image:url(http://img1.sycdn.imooc.com//52e22a1c0001406e03040221.jpg) 40 repeat;
2016-05-01
box-shadow:-10px 10px 1px -10px #666;
这个可以写一像素的边框啊,太棒了!!
这个可以写一像素的边框啊,太棒了!!
2016-05-01
skew(X,Y)
一个参数时:表示水平方向的倾斜角度;
两个参数时:第一个参数表示水平方向的倾斜角度,第二个参数表示垂直方向的倾斜角度。
一个参数时:表示水平方向的倾斜角度;
两个参数时:第一个参数表示水平方向的倾斜角度,第二个参数表示垂直方向的倾斜角度。
2016-04-29
.nav li:after{
content: "";
display: block;
position: absolute;
right: 0;
top: 24%;
height: 50%;
width: 1px;
background-image: linear-gradient(to bottom,#dd2926,#a82724,#dd2926);
}
这才是伪元素...
content: "";
display: block;
position: absolute;
right: 0;
top: 24%;
height: 50%;
width: 1px;
background-image: linear-gradient(to bottom,#dd2926,#a82724,#dd2926);
}
这才是伪元素...
2016-04-29
.wrapper:hover div{
opacity: 0.5;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
}
这样就不会闪烁了 当鼠标移动到wrapper上时缩放wrapper内的div
opacity: 0.5;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
}
这样就不会闪烁了 当鼠标移动到wrapper上时缩放wrapper内的div
2016-04-26