/*使用伪元素制作导航列表项分隔线*/
.nav li{
background:linear-gradient(to bottom,white,gray,black) no-repeat left/2px 25px;
}
/*删除第一项和最后一项导航分隔线*/
.nav li:first-child{
background:none;
}
.nav li{
background:linear-gradient(to bottom,white,gray,black) no-repeat left/2px 25px;
}
/*删除第一项和最后一项导航分隔线*/
.nav li:first-child{
background:none;
}
2016-10-14
大天朝就别老想着谷歌字体了,用阿里的字体库吧
http://www.iconfont.cn/collections
http://www.iconfont.cn/collections
2016-10-13
@-webkit-keyframes 'zoomIn' {
0% { -webkit-transform: scale(0.1);top:50%;}
100% { -webkit-transform: scale(100%);top:0%; }
}
@-webkit-keyframes 'zoomOut' {
0% { -webkit-transform: scale(2); }
100% { -webkit-transform: scale(100%); }
}
0% { -webkit-transform: scale(0.1);top:50%;}
100% { -webkit-transform: scale(100%);top:0%; }
}
@-webkit-keyframes 'zoomOut' {
0% { -webkit-transform: scale(2); }
100% { -webkit-transform: scale(100%); }
}
2016-10-13
@-webkit-keyframes 'slideLeft' {
0% { left: -500px; }
100% { left: 50%; }
}
@-webkit-keyframes 'zoomOut' {
0% { -webkit-transform: scale(2); }
100% { -webkit-transform: scale(100%); }
}
0% { left: -500px; }
100% { left: 50%; }
}
@-webkit-keyframes 'zoomOut' {
0% { -webkit-transform: scale(2); }
100% { -webkit-transform: scale(100%); }
}
2016-10-13
对only的补充:其实只要专有名称坚持英文就可以了,老师也是费心
媒体类型表明目标设备类型。媒体类型包括:
all (所有设备类型)
screen (电脑屏幕)
handheld (手持设备)
tv (电视类型设备)
媒体特性包括一些参数:
浏览器窗口的最大,最小尺寸(width and height)
屏幕的宽高(width and height)
屏幕方向(landscape or portrait)
媒体类型表明目标设备类型。媒体类型包括:
all (所有设备类型)
screen (电脑屏幕)
handheld (手持设备)
tv (电视类型设备)
媒体特性包括一些参数:
浏览器窗口的最大,最小尺寸(width and height)
屏幕的宽高(width and height)
屏幕方向(landscape or portrait)
2016-10-13
并不是没有效果。。。如果在原点进行扭曲,左边边界右边边界都会多出来一个角,而现在左上角点被固定了,右下角就自己扭曲了
2016-10-12
none(默认,回到动画没开始时的状态。)
forwards(动画结束后动画停留在结束状态)
backwords(动画回到第一帧的状态)
both(根据animation-direction轮流应用forwards和backwards规则)。
forwards(动画结束后动画停留在结束状态)
backwords(动画回到第一帧的状态)
both(根据animation-direction轮流应用forwards和backwards规则)。
2016-10-12
另外如果暂停了动画的播放,元素的样式将回到最原始设置状态。!!!!!!!!!!!!!
这句话是错误的!!!忽略即可
这句话是错误的!!!忽略即可
2016-10-12