纯CSS3炫酷全屏3D立方体旋转展示幻灯片特效_html/css_WEB-ITnose

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

       Maserati GranTurismo h3 >

       ...... a >

       p >

     div >

   li >

   ......

   ul >

   label >

   label >

   label >

   label >

div >        

你要将DEMO中的图片更换自己的图片，可以找到skin.min.css中的以下代码，更换图片的地址即可。

立即学习“前端免费学习笔记（深入）”；

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

body .buttons-wrapper .slider > li:nth-child( 1 ) {

   background : url ( 1 .jpg) no-repeat center center ;

}

body .buttons-wrapper .slider > li:nth-child( 2 ) {

   background : url ( 2 .jpg) no-repeat center center ;

}

body .buttons-wrapper .slider > li:nth-child( 3 ) {

   background : url ( 3 .jpg) no-repeat center center ;

}

body .buttons-wrapper .slider > li:nth-child( 4 ) {

   background : url ( 4 .jpg) no-repeat center center ;

}