Código css

style body { font: 16px Verdana, sans-serif; padding: 0; margin: 0; width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; -webkit-font-smoothing: antialiased; } .apresentacao { position: absolute; height: 100%; width: 100%; left: 0px; top: 0px; display: block; overflow: hidden; background: #fff; background: -webkit-gradient(linear, left top, left bottom, from(#444), to(black)); background: -moz-linear-gradient(top, #444, black); } .slides { width: 100%; height: 100%; left: 0; top: 0; position: absolute; display: none; -webkit-transition: -webkit-transform 1.5s ease-in-out; -moz-transition: -moz-transform 1.5s ease-in-out; -o-transition: -o-transform 1.5s ease-in-out; transition: transform 1.5s ease-in-out; } .slide { display: none; position: absolute; overflow: hidden; width: 800px; height: 620px; left: 50%; top: 46%; margin-top: -295px; background-color: #fff; border-radius: 10px; -moz-border-radius: 10px; opacity: 0.35; -webkit-transform: scale(0.8) translateZ(0); -moz-transform: scale(0.8); -o-transform: scale(0.8); -webkit-transition-property: margin, -webkit-transform, opacity; -webkit-transition-duration: 0.3s, 0.3s, 0.3s; -webkit-transition-timing-function: ease-in-out; -moz-transition-property: margin, -moz-transform, opacity; -moz-transition-duration: 0.3s, 0.3s, 0.3s; -moz-transition-timing-function: ease-in-out; -o-transition-property: margin, -moz-transform, opacity; -o-transition-duration: 0.3s, 0.3s, 0.3s; Página 1

}

style -o-transition-timing-function: ease-in-out;

.slide:nth-child(even) { border-radius: 10px 30px 10px 30px; -moz-border-radius: 10px 20px 10px 20px; } .slide:nth-child(odd) { border-radius: 20px 10px 20px 10px; -moz-border-radius: 20px 10px 20px 10px; } .slide p, .slide textarea { font-size: 20px; } .slide .counter { color: #999999; position: absolute; left: 20px; bottom: 20px; display: block; font-size: 12px; width: 100%; } .slide:not(.transitionSlide) .counter:after { content: ''; width: 32px; height: 32px;