div.semi-circle{
height:100px;
width:50px;
background:#9da;
border-radius:50px 0 0 50px;
/*此乃原创*/
}
height:100px;
width:50px;
background:#9da;
border-radius:50px 0 0 50px;
/*此乃原创*/
}
2016-10-18
/*设置背景图片从左向右移入显示的动画效果*/
/* Slide Left */
@-webkit-keyframes slideLeft {
0% { left: -500px; }
100% { left: 0; }
}
动画名称不加引号~
/* Slide Left */
@-webkit-keyframes slideLeft {
0% { left: -500px; }
100% { left: 0; }
}
动画名称不加引号~
2016-10-18
/*任务四、给缩略图添加蒙板效果*/ul>li a:before{}
/*任务五、鼠标悬浮时,修改缩略图蒙板透明度*/ul>li a:hover::before{}
/*任务六、点击综略图,切换背景图*/
/*背景图从左向右出现*/ .slideLeft:target{}/*背景图从下向上出现*/.slideBottom:target{}
/*背景图由小到大出现*/ .zoomIn:target{} /*背景图由大到小出现*/.zoomOut:target{}
/*背景图旋转出现*/ .rotate:target{}/*任务七、设置不显示的背景图层级*/ .bg:not(:target){}
/*任务五、鼠标悬浮时,修改缩略图蒙板透明度*/ul>li a:hover::before{}
/*任务六、点击综略图,切换背景图*/
/*背景图从左向右出现*/ .slideLeft:target{}/*背景图从下向上出现*/.slideBottom:target{}
/*背景图由小到大出现*/ .zoomIn:target{} /*背景图由大到小出现*/.zoomOut:target{}
/*背景图旋转出现*/ .rotate:target{}/*任务七、设置不显示的背景图层级*/ .bg:not(:target){}
2016-10-18
/*任务二、设置缩略图形状*/ul>li a:after{ }
/*任务三、设置缩略图背景图像*/
ul>li:nth-child(1) a:after{}
ul>li:nth-child(2) a:after{}
ul>li:nth-child(3) a:after{}
ul>li:nth-child(4) a:after{}
ul>li:nth-child(5) a:after{}
/*任务三、设置缩略图背景图像*/
ul>li:nth-child(1) a:after{}
ul>li:nth-child(2) a:after{}
ul>li:nth-child(3) a:after{}
ul>li:nth-child(4) a:after{}
ul>li:nth-child(5) a:after{}
2016-10-18
/*任务一、设置不同列表的背景色*/
ul>li:nth-child(1){}
ul>li:nth-child(2){}
ul>li:nth-child(3){}
ul>li:nth-child(4){}
ul>li:nth-child(5){}
ul>li:nth-child(1){}
ul>li:nth-child(2){}
ul>li:nth-child(3){}
ul>li:nth-child(4){}
ul>li:nth-child(5){}
2016-10-18
已采纳回答 / LonelyAscetic
background-image:radial-gradient(to top left,red,orange,yellow,green,blue,indigo,violet)兄弟,径向就是圆形的啊,不用加方向了。不是线性渐变。。
2016-10-18
已采纳回答 / 慕神2706593
相对定位是相对于自身原有位置进行便宜,仍处于标准文档流中。局对定位脱离了文档流,偏移的参照基准是:有已定位的父元素以父元素为基准,无父元素(即无position)的话以<html>为基准。无定位的absolute元素可以使用margin定位
2016-10-18