和任務(wù)六做完相比較，并沒(méi)有任何區(qū)別啊

???????
???????
????????????/*任務(wù)六、點(diǎn)擊綜略圖，切換背景圖*/
????????????/*背景圖從左向右出現(xiàn)*/
????????????.slideLeft:target{
?????????????z-index:?100;
?????????????-webkit-animation-name:?slideLeft;
?????????????-webkit-animation-duration:?1s;
?????????????-webkit-animation-iteration-count:?1;
?????????????-moz-animation-name:?slideLeft;
?????????????-moz-animation-duration:?1s;
?????????????-moz-animation-iteration-count:?1;
?????????????-ms-animation-name:?slideLeft;
?????????????-ms-animation-duration:?1s;
?????????????-ms-animation-iteration-count:?1;
?????????????-o-animation-name:?slideLeft;
?????????????-o-animation-duration:?1s;
?????????????-o-animation-iteration-count:?1;
?????????????animation-name:?slideLeft;
?????????????animation-duration:?1s;
?????????????animation-iteration-count:?1;
????????????}
????????????/*背景圖從下向上出現(xiàn)*/
???????????.slideBottom:target{
?????????????z-index:?100;
????????????
?????????????-webkit-animation-name:?slideBottom;
?????????????-webkit-animation-duration:?1s;
?????????????-webkit-animation-iteration-count:?1;
?????????????-moz-animation-name:?slideBottom;
?????????????-moz-animation-duration:?1s;
?????????????-moz-animation-iteration-count:?1;
?????????????-ms-animation-name:?slideBottom;
?????????????-ms-animation-duration:?1s;
?????????????-ms-animation-iteration-count:?1;
?????????????-o-animation-name:?slideBottom;
?????????????-o-animation-duration:?1s;
?????????????-o-animation-iteration-count:?1;
????????????animation-name:?slideBottom;
?????????????animation-duration:?1s;
?????????????animation-iteration-count:?1;
????????????}
????????????/*背景圖由小到大出現(xiàn)*/
????????????.zoomIn:target{
?????????????z-index:?100;
?????????????-webkit-animation-name:?zoomIn;
?????????????-webkit-animation-duration:?1s;
?????????????-webkit-animation-iteration-count:?1;
?????????????-moz-animation-name:?zoomIn;
?????????????-moz-animation-duration:?1s;
?????????????-moz-animation-iteration-count:?1;
?????????????-ms-animation-name:?zoomIn;
?????????????-ms-animation-duration:?1s;
?????????????-ms-animation-iteration-count:?1;
?????????????-o-animation-name:?zoomIn;
?????????????-o-animation-duration:?1s;
?????????????-o-animation-iteration-count:?1;
?????????????animation-name:?zoomIn;
?????????????animation-duration:?1s;
?????????????animation-iteration-count:?1;
????????????}
????????????
????????????/*背景圖由大到小出現(xiàn)*/
????????????.zoomOut:target{
?????????????z-index:?100;
?????????????-webkit-animation-name:?zoomOut;
?????????????-webkit-animation-duration:?1s;
?????????????-webkit-animation-iteration-count:?1;
?????????????-moz-animation-name:?zoomOut;
?????????????-moz-animation-duration:?1s;
?????????????-moz-animation-iteration-count:?1;
?????????????-ms-animation-name:?zoomOut;
?????????????-ms-animation-duration:?1s;
?????????????-ms-animation-iteration-count:?1;
?????????????-o-animation-name:?zoomOut;
?????????????-o-animation-duration:?1s;
?????????????-o-animation-iteration-count:?1;
?????????????animation-name:?zoomOut;
?????????????animation-duration:?1s;
?????????????animation-iteration-count:?1;
????????????}
????????????
????????????/*背景圖旋轉(zhuǎn)出現(xiàn)*/
????????????.rotate:target{
?????????????z-index:?100;
?????????????-webkit-animation-name:?rotate;
?????????????-webkit-animation-duration:?1s;
?????????????-webkit-animation-iteration-count:?1;
?????????????-moz-animation-name:?rotate;
?????????????-moz-animation-duration:?1s;
?????????????-moz-animation-iteration-count:?1;
?????????????-ms-animation-name:?rotate;
?????????????-ms-animation-duration:?1s;
?????????????-ms-animation-iteration-count:?1;
?????????????-o-animation-name:?rotate;
?????????????-o-animation-duration:?1s;
?????????????-o-animation-iteration-count:?1;
?????????????animation-name:?rotate;
?????????????animation-duration:?1s;
?????????????animation-iteration-count:?1;
????????????}
????????????/*任務(wù)七、設(shè)置不顯示的背景圖層級(jí)*/
????????????/*?Not?Target?*/
????????????
?????????????.bg:not(:target){
?????????????-webkit-animation-name:?notTarget;
?????????????-webkit-animation-duration:?1s;
?????????????-webkit-animation-iteration-count:?1;
?????????????-moz-animation-name:?notTarget;
?????????????-moz-animation-duration:?1s;
?????????????-moz-animation-iteration-count:?1;
?????????????-ms-animation-name:?notTarget;
?????????????-ms-animation-duration:?1s;
?????????????-ms-animation-iteration-count:?1;
?????????????-o-animation-name:?notTarget;
?????????????-o-animation-duration:?1s;
?????????????-o-animation-iteration-count:?1;
?????????????animation-name:?notTarget;
?????????????animation-duration:?1s;
?????????????animation-iteration-count:?1;
????????????}