https://carlos-algms.github.io/blog/tags/css/Recent content in Css on Carlos A. GomesHugopt-BRMon, 25 Jan 2021 10:00:00 -0300https://carlos-algms.github.io/blog/como-criar-um-plugin-de-carrossel-de-imagens-com-css-puro/Sat, 08 Apr 2017 23:32:59 -0300https://carlos-algms.github.io/blog/como-criar-um-plugin-de-carrossel-de-imagens-com-css-puro/<p>Existem vários plugins para jQuery, React e até mesmo Angular para criar um carrossel de imagens, mas é possível criar utilizando apenas CSS puro.</p> <h2 id="elementos-de-um-carrossel">Elementos de um carrossel</h2> <p><img src="https://carlos-algms.github.io/blog/como-criar-um-plugin-de-carrossel-de-imagens-com-css-puro/carrossel-elements.png" alt="Elementos de um carrossel"></p> <ul> <li><strong>Stage</strong>: A área disponível para o carrossel</li> <li><strong>Item</strong>: O item visível atualmente pelo usuário</li> <li><strong>Next/Prev Buttons</strong>: Os botões para passar aos items anteriores/próximos, que normalmente estão ocultos</li> </ul>