24. Transições de página

Descrição

Comentários

Nesta aula, vou ensinar como criar e aplicar transições de página no Framer. As transições são aqueles efeitos sutis que acontecem quando você troca de página, como da home para o blog, por exemplo. Eu explico como localizar e ajustar esses efeitos, que ficam um pouco escondidos na ferramenta. É possível definir se o efeito será aplicado a todas as páginas ou apenas a uma página específica. Um dos exemplos discutidos é o "crossfade", que suaviza a mudança entre páginas. Mostrei como alterar o tamanho, rotação e até incorporar efeitos 3D para brincar com os elementos de maneira divertida, mas sempre recomendo usar com moderação para manter a sutileza. Existem diferentes presets que podemos testar, como "push left" e "wipe down", cada um oferecendo uma dinâmica diferente ao site. Importante lembrar que esses efeitos funcionam somente em versões mais recentes do Chrome (116 para cima), então, pode não funcionar em alguns navegadores mais antigos. No geral, usando de forma certa, não afeta a performance dos sites. Espero que aproveitem e experimentem esses efeitos!

Comentários

Descrição

Comentários

Nesta aula, vou ensinar como criar e aplicar transições de página no Framer. As transições são aqueles efeitos sutis que acontecem quando você troca de página, como da home para o blog, por exemplo. Eu explico como localizar e ajustar esses efeitos, que ficam um pouco escondidos na ferramenta. É possível definir se o efeito será aplicado a todas as páginas ou apenas a uma página específica. Um dos exemplos discutidos é o "crossfade", que suaviza a mudança entre páginas. Mostrei como alterar o tamanho, rotação e até incorporar efeitos 3D para brincar com os elementos de maneira divertida, mas sempre recomendo usar com moderação para manter a sutileza. Existem diferentes presets que podemos testar, como "push left" e "wipe down", cada um oferecendo uma dinâmica diferente ao site. Importante lembrar que esses efeitos funcionam somente em versões mais recentes do Chrome (116 para cima), então, pode não funcionar em alguns navegadores mais antigos. No geral, usando de forma certa, não afeta a performance dos sites. Espero que aproveitem e experimentem esses efeitos!

Comentários

Descrição

Comentários

Nesta aula, vou ensinar como criar e aplicar transições de página no Framer. As transições são aqueles efeitos sutis que acontecem quando você troca de página, como da home para o blog, por exemplo. Eu explico como localizar e ajustar esses efeitos, que ficam um pouco escondidos na ferramenta. É possível definir se o efeito será aplicado a todas as páginas ou apenas a uma página específica. Um dos exemplos discutidos é o "crossfade", que suaviza a mudança entre páginas. Mostrei como alterar o tamanho, rotação e até incorporar efeitos 3D para brincar com os elementos de maneira divertida, mas sempre recomendo usar com moderação para manter a sutileza. Existem diferentes presets que podemos testar, como "push left" e "wipe down", cada um oferecendo uma dinâmica diferente ao site. Importante lembrar que esses efeitos funcionam somente em versões mais recentes do Chrome (116 para cima), então, pode não funcionar em alguns navegadores mais antigos. No geral, usando de forma certa, não afeta a performance dos sites. Espero que aproveitem e experimentem esses efeitos!

Comentários

Especialistas

Henrique Sabino

Fundador da Harena

Mentor

Hashtags

#Framer #TransiçõesDePágina #EfeitosVisuais #WebDesign #Crossfade

Olá 👋,

Em que posso ajudar?

Sugestões & Feedbacks