--- title: "Atualização de design: Um novo efeito de transição da lista de artigos para o detalhe" description: "Se você acompanhou os lançamentos e atualizações da GoodBarber, deve ter notado um padrão: Estamos fazendo muitas melhorias no lado do design da nossa ferr" canonical_url: "https://pt.goodbarber.com/blog/atualizacao-de-design-um-novo-efeito-de-transicao-da-lista-de-artigos-para-o-detalhe-a1066/" lang: pt date: 2023-02-15 last_updated: 2023-02-15 --- # Atualização de design: Um novo efeito de transição da lista de artigos para o detalhe Marie Pireddu 15 de fev. de 2023 · 1 min de leitura ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/70803533-49344749.jpg?v=1676462609.134175) Se você acompanhou os lançamentos e atualizações da GoodBarber, deve ter notado um padrão: Estamos fazendo muitas melhorias no lado do design da nossa ferramenta. Novo [modelo imersivo para artigos](https://pt.goodbarber.com/blog/modernize-suas-listas-de-artigos-com-o-novo-modelo-imersivo-a1045/) , [Estilo dos Elementos](https://pt.goodbarber.com/blog/atualizacao-de-design-novo-menu-estilo-dos-elementos-a1040/) , e alguns novos modelos para as seções de mapa muito populares (com mais por vir, fique atento) apenas para citar alguns. Hoje, apresentamos outra atualização para a seção Artigo: **Um novo efeito de transição da lista de artigos ou widget para os detalhes do artigo.** O objetivo deste novo efeito é trazer uma transição mais moderna, em linha com todas as outras atualizações de design lançadas recentemente. De fato, este modelo permite um gesto de deslizar o mais natural para seus usuários que já estão acostumados a praticá-lo nas principais redes sociais da atualidade. Além dessa navegação fluida e instintiva, esse efeito de transição é inovador, pois permitirá que seus usuários acessem informações diretamente da lista de seus artigos. ## Como aplicar esse efeito no seu app ![](https://cmsphoto.ww-cdn.com/superstatic/121801/art/grande/70803533-49344779.jpg?v=1676462851.9490693) No menu **Design geral > Estilo dos elementos** > Na parte inferior do painel de edição, você pode escolher os efeitos de abertura em uma lista que gostaria de aplicar: - O conteúdo aparece à esquerda - O conteúdo aparece na parte inferior.