From 074785cea106179cb3305637055ab0a009ca74f2 Mon Sep 17 00:00:00 2001 From: Peter Bengtsson Date: Tue, 8 Dec 2020 14:42:52 -0500 Subject: initial commit --- files/pt-br/tools/3d_view/index.html | 109 +++++++++++++++++++++++++++++++++++ 1 file changed, 109 insertions(+) create mode 100644 files/pt-br/tools/3d_view/index.html (limited to 'files/pt-br/tools/3d_view/index.html') diff --git a/files/pt-br/tools/3d_view/index.html b/files/pt-br/tools/3d_view/index.html new file mode 100644 index 0000000000..cae7d5927b --- /dev/null +++ b/files/pt-br/tools/3d_view/index.html @@ -0,0 +1,109 @@ +--- +title: Visualização 3D +slug: Tools/3D_View +tags: + - Descontinuado + - Desenvolvimento Web + - Ferramentas + - HTML +translation_of: Tools/3D_View +--- +
{{ToolsSidebar}}
+ +

{{ fx_minversion_header("11") }}

+ +
+

A partir da versão 47 do Firefox, a visualização 3D não estará mais disponível.

+ +

Existe um complemento que implementa essa funcionalidade (Tilt 3D), mas que não funciona com o Firefox multiprocesso

+
+ +

Quando você clica no botão de visualização 3D, a página vai para o modo de visualização 3D; neste modo, você pode ver sua página apresentada em uma exibição 3D no qual os blocos HTML aninhados estão cada vez mais "alto", projetando para fora a parte inferior da página. Essa visualização faz com que fique mais fácil para visualizar seus conteúdos aninhados.

+ +

+ +

Você pode visualizar a representação do DOM (Document Object Model) de diferentes ângulos, clicando e arrastando sua representação 3D. Elementos que se encontram fora da tela tornam-se visíveis nesta forma de visualização, de forma que você possa ver onde eles estão localizados em relação aos outros elementos. Você pode clicar em qualquer elemento para ver seu código HTML no painel de HTML ou no painel de Estilo. Reciprocamente, você também pode clicar em elementos da barra de breadcrumbs para selecionar sua representação 3D.

+ +

Se você estiver rodando uma versão do Firefox inferior ao 47 e não encontrar o botão 3D no inspetor de página, é possível que você tenha que atualizar seus drivers de vídeo. Para mais informações, leia a lista de drivers bloqueados.

+ +

Controlando a visualização 3D

+ +

Existem teclas de atalho e controles do mouse disponívies para a visualização 3D.

+ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +
FunçãoTecladoMouse
Zoom dentro/fora+ / -Role a roda cima/baixo
Rotacionar esquerda/direitaa / dMouse esquerda/direita
Rotacionar cima/baixow / sMouse cima/baixo
Pan esquerda/direita← / →Mouse esquerda/direita
Pan cima/baixo↑ / ↓Mouse cima/baixo
Resetar level de zoom0Reseta o zoom por padrão
Foco no nó selecionadofGarante que o nó selecionado atualmente está visível {{ fx_minversion_inline("13.0") }}
Resetar visualizaçãorRedefine zoom, rotação e panorâmica para o padrão {{ fx_minversion_inline("12.0") }}
Esconde o nó atualxFaz com que o nó selecionado atualmente fique invisível; Isso pode ser útil se você precisa chegar a um nó que está obscuro {{ fx_minversion_inline("12.0") }}
+ +

Casos de uso para a visualização 3D

+ +

Há uma variedade de casos que a visualização 3D é útil:

+ + + +

Veja também

+ + + +

{{ languages( { "ja": "ja/Tools/Page_Inspector/3D_view", "zh-cn": "zh-cn/Tools/Page_Inspector/3D_view"} ) }}

-- cgit v1.2.3-54-g00ecf