8 500
edições
Sem resumo de edição |
Sem resumo de edição |
||
Linha 578: | Linha 578: | ||
/* Tests */ | /* Tests */ | ||
body { | |||
font-family: Helvetica, sans-serif; | |||
padding: 5%; | |||
} | |||
#slideshow { | |||
text-align: center; | |||
overflow: hidden; | |||
height: 510px; | |||
width: 728px; | |||
margin: 0 auto; | |||
} | |||
.slide-wrapper { | |||
width: 2912px; | |||
-webkit-animation: slide 18s ease infinite; | |||
} | |||
.slide { | |||
float: left; | |||
height: 510px; | |||
width: 728px; | |||
} | |||
.slide:nth-child(1) { | |||
background: #D93B65; | |||
} | |||
.slide:nth-child(2) { | |||
background: #037E8C; | |||
} | |||
.slide:nth-child(3) { | |||
background: #36BF66; | |||
} | |||
.slide:nth-child(4) { | |||
background: #D9D055; | |||
} | |||
.slide-number { | |||
color: #000; | |||
text-align: center; | |||
font-size: 10em; | |||
} | |||
@-webkit-keyframes slide { | |||
20% {margin-left: 0px;} | |||
30% {margin-left: -728px;} | |||
50% {margin-left: -728px;} | |||
60% {margin-left: -1456px;} | |||
70% {margin-left: -1456px;} | |||
80% {margin-left: -2184px;} | |||
90% {margin-left: -2184px;} | |||
} |