Traduzir "existing gradient css" para português

PT Por fim, o painel 'CSS' sempre tem o CSS para o gradiente atual para fácil cópia e colagem na sua folha de estilo. Também pode usar este painel para importar um CSS de gradiente existente para a ferramenta.

• fim
• painel 'CSS' sempre
• atual para fácil
• estilo
• usar este painel
• importar um CSS

PT Vamos continuar com o degradê da forma. Para fazer isso, selecione Cor de preenchimento > Gradiente e comece a criar um gradiente personalizado. 

• Gradiente
• comece a criar
• gradiente personalizado

PT Se, como resultado dessa minimização CSS avançada, você encontrar CSS quebrado, construa seu site com a variável de ambiente USE_SIMPLE_CSS_MINIFIER=true para reduzir CSS com o predefinição cssnano padrão

• resultado dessa minimização
• avançada
• encontrar CSS quebrado
• variável de ambiente
• predefinição cssnano padrão

PT Revisões de CSS mostram versões anteriores de seu CSS personalizado. Sempre que você salva suas alterações, uma revisão é salva. O Jetpack armazena as últimas 25 revisões de CSS feitas em qualquer tema de seu blog.

• Revisões de CSS
• CSS personalizado
• alterações
• revisão é salva
• revisões de CSS

PT Ocarregamento do Ajax pode impedir que o CSS adicionado à Injeção de código seja carregado corretamente. Em vez disso, adicione CSS ao editor CSS em.

• Ocarregamento do Ajax
• adicionado à Injeção
• código seja carregado
• vez disso
• CSS

PT O carregamento do Ajax pode impedir que o CSS adicionado à injeção de código seja carregado corretamente. Em vez disso, adicione CSS ao Editor CSS.

• carregamento do Ajax
• adicionado à injeção
• código seja carregado
• vez disso

PT Se, como resultado dessa minimização CSS avançada, você encontrar CSS quebrado, construa seu site com a variável de ambiente USE_SIMPLE_CSS_MINIFIER=true para reduzir CSS com o predefinição cssnano padrão

• resultado dessa minimização
• avançada
• encontrar CSS quebrado
• variável de ambiente
• predefinição cssnano padrão

PT Nos últimos anos houve uma maior interação entre CSS e JavaScript, além das simples configurações de classes e estilos CSS ou desabilitação. Então, o quanto estamos usando tecnologias como Houdini e técnicas como CSS-in-JS?

• últimos anos houve
• JavaScript
• estilos CSS
• desabilitação
• Então
• quanto estamos usando
• Houdini
• técnicas como CSS-in-JS

PT Embora a análise do código CSS nos diga o que os desenvolvedores CSS estão fazendo, olhar o código do pré-processador pode nos dizer um pouco sobre o que os desenvolvedores CSS querem fazer, mas não podem, o que de certa forma é mais interessante

• Embora a análise
• olhar o código
• desenvolvedores CSS querem
• certa forma é
• interessante

PT Vamos fazer o gradiente de transparência com uma forma. Clique em Inserir > Forma > Formas. Selecione a forma que deseja que seu degradê de transparência tenha. No exemplo, nós escolhemos um retângulo. 

• Clique em Inserir
• Formas
• transparência tenha
• exemplo

PT Ajuste as cores e o grau de transparência da forma. Ajuste também os pontos de gradiente. Quando terminar, clique em OK e verifique o resultado final, com a imagem com seu gradiente de transparência. 

• Ajuste as cores
• grau de transparência
• gradiente
• terminar
• clique em OK
• verifique o resultado
• transparência

PT Em seguida, edite as marcas de gradiente. Elimine as marcas de gradiente centrais, porque usaremos os das extremidades.

• seguida
• edite as marcas
• gradiente
• Elimine as marcas
• gradiente centrais

PT Finalmente, você só tem que personalizar e adaptar o gradiente como quiser. Você pode adicionar mais gradientes de transparência à imagem ou ampliar e diminuir o tamanho do gradiente modificando o tamanho da forma.

• Finalmente
• adaptar o gradiente
• quiser
• adicionar mais gradientes
• transparência à imagem
• ampliar
• diminuir o tamanho

PT Defina uma cor sólida, um gradiente predefinido ou um gradiente personalizado para o plano de fundo.

• Defina uma cor
• gradiente predefinido

PT Gradientes repetitivos de todos os tipos também são bastante subutilizados, com repeating-linear-gradient() aparecendo em apenas 3% das páginas e os outros ficando ainda mais atrás (repeating-conic-gradient() é usado apenas em 21 páginas!).

• subutilizados
• repeating-linear-gradient
• páginas
• repeating-conic-gradient

PT E -webkit-linear-gradient() ainda é a segunda função gradiente mais usada de todas, aparecendo em 57% dos sites, com as outras formas prefixadas também sendo usadas em um terço da metade das páginas.

• webkit-linear-gradient
• é a segunda
• gradiente mais usada

PT A função de gradiente mais popular é linear-gradient, usada em 73% das páginas para celular

• função de gradiente
• popular é linear-gradient
• celular

PT A adoção em dispositivos móveis é muito maior para as seis primeiras funções: calc (7%), linear-gradient, rgba (4%),radial-gradient, hsla e drop-shadow

• adoção em dispositivos
• é muito maior
• seis primeiras funções
• calc
• linear-gradient
• rgba
• hsla
• drop-shadow

PT As funções a seguir têm 1% de adoção em páginas de desktop e celular: -o-linear-gradient,translate e -webkit-linear-gradient

• funções a seguir
• adoção em páginas
• desktop
• celular
• webkit-linear-gradient

PT Suporte para gradientes de várias paragens completas com IE9 (usando SVG). Adicione uma classe "gradient" a todos os seus elementos que têm um gradiente, e adicione a seguinte sobreposição ao seu HTML para completar o suporte ao IE9:

• Suporte para gradientes
• várias paragens completas
• usando SVG
• Adicione uma classe
• elementos que têm
• gradiente
• adicione a seguinte
• completar o suporte

PT O painel 'Pré-visualização' permite pré-visualizar o gradiente atual como um gradiente vertical ou horizontal, e também permite pré-visualizar rapidamente como o gradiente de fallback do Internet Explorer ficará no IE.

• painel 'Pré-visualização' permite
• gradiente vertical
• horizontal
• permite pré-visualizar rapidamente
• gradiente de fallback
• Internet Explorer ficará

PT Um elemento com uma imagem de plano de fundo carregada por meio da url() (em oposição a um gradiente CSS )

• plano de fundo
• meio da url
• CSS

PT Os gradientes CSS resultantes são cross-browser - eles funcionarão nestes browsers e também recorrerão a um gradiente mais simples em versões mais antigas do Internet Explorer.

• gradientes CSS resultantes
• cross-browser
• eles funcionarão nestes
• simples em versões
• antigas do Internet

PT Você pode dar uma olhada em ?Colocar todo CSS inline?? (fácil) ou ?CSS em linha e adiado??(melhor) que também são explicadas nestas Perguntas Frequentes.

• dar uma olhada
• Colocar todo CSS
• fácil
• CSS em linha
• adiado
• explicadas nestas Perguntas

PT No momento (Junho 2017) parece que o RocketLoader pode quebrar o ?CSS em linha e adiado? do AO, que é baseado no loadCSS do Filamentgroup, resultando no CSS adiado não sendo carregado.

• momento
• Junho
• CSS em linha
• adiado
• Filamentgroup
• resultando no CSS
• sendo

PT CSS e JS agregado), incluindo imagens de fundo no CSS (quando não estiver usando data-uri?s).

• CSS
• JS agregado
• estiver usando data-uri

PT AO miniaturiza o JS/CSS se o nome do arquivo indica que não foi miniaturizado ainda. Desde o AO 2.5 você pode desativar isto na aba ?JS, CSS & HTML? em opções diversas, desmarcando ?arquivos excluídos do miniaturizar?

• miniaturiza o JS
• Desde o AO
• JS
• CSS
• opções diversas
• desmarcando

PT Sim, se você deseja servir arquivos de, por exemplo, /wp-content/resources/aggregated_12345.css ao invés do padrão /wp-content/cache/autoptimize/autoptimize_12345.css, então adicione isto ao seu wp-config.php

• Sim
• deseja servir arquivos
• exemplo
• wp-content
• resources
• invés do padrão
• cache
• autoptimize
• então adicione isto

PT Quando taato o Autoptimize 2.7 quando o plugin de melhoria Critical CSS separada estiverem instaladas e ativas, o plugin da melhoria vai cuidar da parte do CSS crítico

• taato o Autoptimize
• plugin de melhoria
• CSS separada estiverem
• ativas
• plugin da melhoria
• cuidar da parte
• CSS crítico

PT Se houver HTML em uma cache de páginas que tem link para CSS/JS Autoptimized qu foi removido nom eio tempo (quando o cache foi limpo) então a página do cache não vai funcionarS/JS não foi encontrado (um erro 404).

• cache de páginas
• link para CSS
• JS Autoptimized qu
• removido nom eio
• cache foi limpo
• então a página
• cache não vai
• erro

PT CSS Crítico: mais melhorias de segurança na importação de configuração do CSS crítico, basedo no sugerido pelo Marcin Weglowski da afine.com

• CSS Crítico
• melhorias de segurança
• importação de configuração
• CSS crítico
• basedo no sugerido

PT File ou Style.css, um tema de criança é uma boa ideia.Se você estiver fazendo um par, digamos um ou dois, modificações no seu CSS, sugerimos usar um dos plugins CSS oferecidos pelo WordPress.

• File
• tema de criança
• boa
• dois
• plugins CSS oferecidos

PT Passo 4.Abra seu arquivo Style.css clicando com o botão direito do mouse em ele e selecionando "Editar" >> Copie e cole o código a seguir no documento do seu estilo.CSS e clique em "Salvar alterações"

• Passo seu arquivo
• direito do mouse
• ele
• selecionando
• Copie
• cole o código
• seguir no documento

PT Para a minimização avançada do pacote CSS, usamos a predefinição cssnano avançada (junto com vários plug-ins PostCSS adicionais) e otimização de nível 2 do clean-css

• CSS
• usamos a predefinição
• avançada
• junto com vários
• PostCSS adicionais
• otimização de nível
• clean-css

PT Começando com o WordPress 4.7, você pode agora adicionar seu próprio tema ao CSS personalizado diretamente do Customizer. Basta escolher a guia CSS Adicional quando personalizar seu tema atual para começar agora.

• tema ao CSS
• diretamente do Customizer

PT O módulo CSS personalizado do Jetpack permite que você adicione mais funcionalidades para esse editor CSS, como explicado abaixo.

• módulo CSS personalizado
• adicione mais funcionalidades
• esse editor CSS
• explicado

PT Primeiro, acesse o editor CSS via Aparência → Personalizar → CSS Adicional.

• Primeiro
• acesse o editor
• via Aparência
• Personalizar
• CSS

PT Se esta for sua primeira visita ao Editor CSS (ou se você ainda não adicionou um código CSS personalizado), verá uma mensagem de espaço reservado na janela de edição

• for sua primeira
• Editor CSS
• adicionou um código
• personalizado
• verá uma mensagem
• edição

PT Quando você estiver pronto para começar a adicionar seu código CSS personalizado, basta remover a mensagem começar agora ou adicionar seu CSS depois dela.

• adicionar seu código
• personalizado
• começar agora
• adicionar seu CSS

PT Preprocessador: o editor CSS tem suporte para preprocessadores CSS dos tipos LESS e Sass (Sintaxe SCSS)

• Preprocessador
• LESS
• Sass
• Sintaxe SCSS

PT Para restaurar uma versão anterior de seu CSS personalizado, clique em Restaurar referente à data em questão. Assim, o CSS personalizado é revertido.

• restaurar uma versão
• CSS personalizado
• clique em Restaurar
• CSS personalizado é

PT O Jetpack inclui, por padrão, o CSS personalizado como uma folha de estilo embutida no documento. No entanto, se o CSS personalizado exceder 2.000 caracteres de comprimento, o Jetpack gerará uma folha de estilo externa e criará o vínculo para ela.

• Jetpack inclui
• padrão
• folha de estilo
• documento
• entanto
• CSS personalizado exceder
• comprimento
• estilo externa
• criará o vínculo

PT A Injeção de Código não se destina a inserção de conteúdo ou estilos. Para adicionar conteúdo ao site, visite Construir uma página. Para adicionar CSS personalizado para estilos, use o Editor de CSS Personalizado.

• Injeção de Código
• destina a inserção
• conteúdo
• estilos
• adicionar CSS personalizado
• use o Editor
• CSS

PT Recomendamos adicionar CSS ao Editor de CSS Personalizado em vez da Injeção de Código. Se você estiver adicionando à Injeção de Código, coloque o código entre as tags <style></style>.

• Recomendamos adicionar CSS
• Editor de CSS
• vez da Injeção
• Código
• estiver adicionando à
• coloque o código
• tags

PT O acordeão horizontal e o acordeão vertical nas páginas de destino da Unbounce criarão um portfólio CSS puro de acordeão em colapso para um modelo de negócios com acordeão CSS apenas HTML opcional

• acordeão horizontal
• destino da Unbounce
• portfólio CSS puro
• acordeão em colapso
• modelo de negócios
• opcional

PT Para saber mais sobre quais propriedades CSS causam alterações no layout, veja Gatilhos CSS e Animações de alto desempenho.

• propriedades CSS causam
• layout
• veja Gatilhos CSS
• Animações de alto

PT Embuta qualquer CSS essencial que é usado para conteúdo acima da dobra incluindo-o diretamente no &LThead>.CSS crítico embutido

• Embuta qualquer CSS
• acima da dobra
• crítico embutido

PT Embutir estilos importantes elimina a necessidade de fazer uma solicitação de ida e volta para buscar CSS crítico. Adiar o restante minimiza o tempo de bloqueio do CSS.

• Embutir estilos importantes
• solicitação de ida
• volta para buscar
• crítico
• Adiar o restante

PT Critters é um plugin webpack que embute CSS crítico e carrega o resto de forma lazyExemplo de melhoria da LCP: antes e depois de embutir CSS crítico

• webpack que embute
• crítico
• carrega o resto
• lazyExemplo de melhoria
• LCP
• antes
• depois de embutir

PT Às vezes, recursos importantes que são declarados ou usados num determinado arquivo CSS ou JavaScript podem ser baixados mais tarde do que você gostaria, como uma fonte escondida num dos muitos arquivos CSS de uma aplicação.

• Às vezes
• declarados
• usados num determinado
• CSS
• gostaria
• fonte escondida num
• muitos arquivos CSS