# Desfoque progressivo e gradientes no Hana - Spline blog (https://spline.design/pt-br/blog/introducing-progressive-blur-gradients) > Leve seus designs a outro nível com desfoques e gradientes de encher os olhos [Blog](https://spline.design/pt-br/blog) 27 de maio de 2025 # Desfoque progressivo e gradientes no Hana Leve seus designs a outro nível com desfoques e gradientes de encher os olhos [Abrir o Hana](https://app.spline.design) Os desfoques progressivos ficaram populares com a estética de vidro das interfaces do iOS há alguns anos e, recentemente, ganharam espaço nas ferramentas de design de interfaces. Mesmo assim, continuaram sendo, em geral, uma técnica complexa e difícil de usar em motion design ou em ambientes interativos em tempo real. Hoje lançamos os desfoques progressivos em tempo real no Hana. Pela primeira vez, esse tipo de desfoque está disponível para uso em tempo real, com controles intuitivos e sem exigir conhecimento técnico, tudo dentro do canvas de design infinito do Hana. Brinque com a cena abaixo para ver como funciona. Passe o mouse ou toque para interagir (experiência feita com o Hana) ## Como adicionar desfoque progressivo no Hana Selecione qualquer camada e adicione um Layer Blur ou um Background Blur. Nos dois casos, você escolhe se o desfoque é uniforme ou progressivo. Um desfoque progressivo funciona basicamente como um gradiente, mas, em vez de cores, ele faz a transição entre dois valores de raio de desfoque. É assim que o desfoque progressivo funciona no Hana ## Gradientes suaves no Hana Agora você pode criar gradientes no Hana. Escolha entre gradientes lineares, radiais ou polares e ajuste a posição direto no canvas. Também estamos lançando os Smooth Gradients, gradientes que usam uma interpolação Smooth Step para produzir uma mistura mais natural entre as cores. A maioria das ferramentas de design usa gradientes com interpolação linear, o que gera os conhecidos pontos de quebra entre cada cor de "parada" do gradiente. Implementamos os Smooth Gradients primeiro no editor 3D do Spline, há alguns anos, e agora eles chegam ao Hana. ## Importação de SVG e mais Nas últimas semanas, também lançamos várias melhorias no Hana, incluindo suporte a arquivos SVG (agora é só arrastar e soltar), melhor desempenho e um runtime menor. Também adicionamos várias melhorias de usabilidade, como um comportamento melhor do seletor de cores, ferramentas de seleção aprimoradas e várias pequenas correções para deixar a experiência mais consistente. Experiências feitas com o Hana ## Experimente agora! Aqui está um [arquivo do Spline Hana](https://app.spline.design/ui/f7cc3864-707e-492a-8148-0e1ea37be1d3) para você explorar o que dá para fazer com o desfoque progressivo e os gradientes. ## Os fluxos de design estão evoluindo Embora simples na essência, esses novos recursos dão muito controle criativo e permitem resultados como nunca antes. Animar ou criar interações em tempo real como essas nunca foi fácil, e agora você faz isso em poucos segundos com o Hana. Mal podemos esperar para ver o que você vai criar! — Equipe Spline [Saiba mais](https://docs.spline.design/doc/what-is-hana/doccoU2VnAOm) ## Mais do blog [3 de novembro de 2026Apresentamos a Spline Arena](https://spline.design/pt-br/blog/introducing-spline-arena)[21 de outubro de 2026Apresentamos o Spline para ChatGPT](https://spline.design/pt-br/blog/introducing-spline-for-chatgpt)[27 de agosto de 2026Apresentamos o Hana V2](https://spline.design/pt-br/blog/hana-v2) [Spline](https://spline.design/pt-br) O editor 3D e 2D para equipes e seus agentes. Publique na web, no iOS e no Android. #### Pergunte à IA sobre o Spline #### Produtos - [Design 3D](https://spline.design/pt-br/3d-design) - [Hana](https://spline.design/pt-br/hana) - [Omma](https://omma.build) - [Geração 3D com IA](https://spline.design/pt-br/ai-generate) - [Spline MCP](https://spline.design/pt-br/mcp) - [Spline Arena](https://spline.design/pt-br/arena) - [Preços](https://spline.design/pt-br/pricing) - [Empresas](https://spline.design/pt-br/enterprise) #### Runtimes - [Web](https://spline.design/pt-br/web) - [iOS](https://spline.design/pt-br/ios) - [Android](https://spline.design/pt-br/android) #### Apps - [Download](https://spline.design/pt-br/download) - [Spline Mirror](https://spline.design/spline-mirror) - [Baixar o Spline Mirror](https://spline.design/download-mirror) #### Aprenda - [Docs](https://docs.spline.design/) - [Academy](https://spline.design/pt-br/academy) - [API do Spline](https://www.npmjs.com/package/@splinetool/runtime) - [Soluções](https://spline.design/solutions) #### Comunidade - [Comunidade do Spline](https://community.spline.design) - [Blog](https://spline.design/pt-br/blog) - [Novidades](https://spline.design/pt-br/changelog) - [Educação](https://spline.design/pt-br/education) - [Contra](https://spline.design/contra) - [Afiliados](https://spline.design/pt-br/affiliate) #### Empresa - [Clientes](https://spline.design/pt-br/customers) - [Carreiras](https://www.ycombinator.com/companies/spline/jobs) - [Segurança](https://spline.design/pt-br/security) #### Jurídico - [Termos e condições](https://spline.design/terms) - [Privacidade](https://spline.design/privacy) #### Contato - [help@spline.design](mailto:help@spline.design) - [jobs@spline.design](mailto:jobs@spline.design) © 2026 - Spline, Inc.