其实拆分开来教学,反而增加了课程难度。直接合在一起讲述:transition: all 3s ease-in-out .8s;(所有属性,持续3秒,先加速再减速变化,延迟0.8秒再执行变化,对于零可以省略)。然后就没有然后。
2015-07-20
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
2015-07-20
原来是鼠标经过的时候才能看到效果的.wrapper div:hover {
opacity: .5;
background:blue;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
}
opacity: .5;
background:blue;
-webkit-transform: scale(0.8);
-moz-transform: scale(0.8);
transform: scale(0.8);
}
2015-07-20
background:red;
-webkit-transform: skew(-45deg);
-moz-transform: skew(-45deg);
transform:skew(-45deg);
}
-webkit-transform: skew(-45deg);
-moz-transform: skew(-45deg);
transform:skew(-45deg);
}
2015-07-20
li:only-child {
background: orange;
}//选择的是li元素,并且li是父元素的独生子
background: orange;
}//选择的是li元素,并且li是父元素的独生子
2015-07-17
.wrapper > div:nth-last-of-type(5){
background: orange;
}
background: orange;
}
2015-07-17