@-webkit-keyframes changecolor{
0%{
background: red;
}
20%{
background:blue;
}
40%{
background:orange;
}
60%{
background:green;
}
80%{
background:yellow;
}
100%{
background: red;
}
}
div:hover {
-webkit-animation: changecolor 5s ease-out .2s;
}
0%{
background: red;
}
20%{
background:blue;
}
40%{
background:orange;
}
60%{
background:green;
}
80%{
background:yellow;
}
100%{
background: red;
}
}
div:hover {
-webkit-animation: changecolor 5s ease-out .2s;
}
2016-05-04
已采纳回答 / 深山小童
100%的代码有误，transform写成transfrom了，animation动画执行完之后默认会回到初始状态，相当于100%设置的是transform: translate(0,0);
2016-05-04
/*任务六、点击综略图，切换背景图*/
/*背景图从左向右出现*/
#bg1:target{....}
/*任务七、设置不显示的背景图层级*/
/* Not Target */
img:not(:target){....}
/*背景图从左向右出现*/
#bg1:target{....}
/*任务七、设置不显示的背景图层级*/
/* Not Target */
img:not(:target){....}
2016-05-04
难度还可以 不会的地方百度下也就知道大概了 说下答案
/*任务一、设置不同列表的背景色*/
.clearfix li:nth-of-type(1) a{......}
/*任务二、设置缩略图形状*/
.clearfix li a::after{......}
/*任务三、设置缩略图背景图像*/
.clearfix li:nth-of-type(1) a::after{.....}
/*任务四、给缩略图添加蒙板效果*/
.clearfix li a::before{....}
/*任务五、鼠标悬浮时，修改缩略图蒙板透明度*/
.clearfix li a:hover::before{.....}
/*任务一、设置不同列表的背景色*/
.clearfix li:nth-of-type(1) a{......}
/*任务二、设置缩略图形状*/
.clearfix li a::after{......}
/*任务三、设置缩略图背景图像*/
.clearfix li:nth-of-type(1) a::after{.....}
/*任务四、给缩略图添加蒙板效果*/
.clearfix li a::before{....}
/*任务五、鼠标悬浮时，修改缩略图蒙板透明度*/
.clearfix li a:hover::before{.....}
2016-05-04
::before和::after这两个主要用来给元素的前面或后面插入内容，这两个常和"content"配合使用，使用的场景最多的就是清除浮动。
2016-05-04
已采纳回答 / qq_一克拉的眼泪_1
div移上去或点击等事件的时候会出现的width，height，opacity，color，background等等一系列的变化就是transition-property的all属性，简单的就是all代表了width，height，opacity，color，background等等
已采纳回答 / qq_包包世界我专业_0
/* 任务三、设置3D舞台布景 */ perspective: 200px; /*任务四、设置3D舞台布景过渡效果*/ transition: all 0.7s linear; position: relative; } .three-d:not(.active):hover { cursor: pointe...
2016-05-02
